Question

我正在尝试编写一个Javascript函数，只要单击一个复选框就会调用该函数，并检查总共检查了多少复选框，然后启用或禁用表单提交按钮，具体取决于复选框的数量是多少检查。

我拥有的是这种形式：

<html>
<head>

<script type="text/javascript" language="JavaScript">

function enabledisablenext()
{
    var boxeschecked = 0;
    for (var i = 0; i< 99; i++) {
        if(document.getElementById("transcheck" + i).checked == true){ 
        boxeschecked ++;
        }
    }
    if (boxeschecked == 0) {document.getElementById("next").disabled= true;}
    if (boxeschecked != 0) {document.getElementById("next").disabled= false;}
}
</script>

</head>

<body>

<form action='something.php' method='POST'>

<input type='checkbox' id='transcheck1' onclick="enabledisablenext()"/>
<input type='checkbox' id='transcheck2' onclick="enabledisablenext()"/>
<input type='checkbox' id='transcheck3' onclick="enabledisablenext()"/>
<input type='checkbox' id='transcheck4' onclick="enabledisablenext()"/>
<input type='checkbox' id='transcheck5' onclick="enabledisablenext()"/>

<input type='submit' disabled='disabled' id='next'/><p></p>

</form>                          

</body>
</html>

但是，这不起作用。选中一个或多个复选框时，不会启用提交按钮。有人能看出我哪里出错吗？

谢谢！

Answer 1

检查

http://jsfiddle.net/MYwJD/1/

在您的示例中， i 变量需要在范围1到输入数量的范围内，否则会引发错误。

Javascript函数在选中复选框时启用提交按钮

1 个答案: