Javascript复选框递增和递减

Javascript checkbox increment and decrement

本文关键字:Javascript 复选框      更新时间:2023-09-26

我想要的是,当用户单击复选框时,换句话说,当选中增量时,取消选中减量。

echo "<td><input type=checkbox name='check1' id='check1' value='".$info['eventCategory']."' onclick=if(this.checked){recal(" . $info['totalEvents'] . ",true)} else if(!this.checked){recal(" . $info['totalEvents'] . ",false)}   checked></td><td>" . $info['id'] . "      " . $info['name'] . "</td>";

我写了上面的代码和唯一真实的陈述是有效的

<script language="JavaScript">
            function recal(val,sum)
            { 
                if(sum == true)
                {
                    var total = parseInt(document.getElementById("total").innerHTML, 10);
                    total+=val;
                    document.getElementById("total").innerHTML=total;
                }
                else
                {
                    var total = parseInt(document.getElementById("total").innerHTML, 10);
                    total-=val;
                    document.getElementById("total").innerHTML=total;   
                }
            }
        </script>

我想要的是执行else语句。我的意思是,当用户取消选中时,它也必须减少数字。

谢谢。

这对我有效:

echo <input type=checkbox name='check1' id='check1' value='".$info['eventCategory']."' onclick="recal(" . $info['totalEvents'] . ",this.checked)" checked>"