选中复选框时启用提交按钮的Javascript函数
我正在尝试编写一个Javascript函数,每当单击复选框时将调用该函数,并将检查总共选中了多少复选框,然后根据选中的复选框数量启用或禁用表单提交按钮 我所拥有的是这种形式:选中复选框时启用提交按钮的Javascript函数,javascript,checkbox,form-submit,Javascript,Checkbox,Form Submit,我正在尝试编写一个Javascript函数,每当单击复选框时将调用该函数,并将检查总共选中了多少复选框,然后根据选中的复选框数量启用或禁用表单提交按钮 我所拥有的是这种形式: <html> <head> <script type="text/javascript" language="JavaScript"> function enabledisablenext() { var boxeschecked = 0; for (var i =
<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>
函数enabledisablenext()
{
var boxeschecked=0;
对于(变量i=0;i<99;i++){
if(document.getElementById(“transcheck”+i).checked==true){
boxeschecked++;
}
}
如果(boxeschecked==0){document.getElementById(“next”).disabled=true;}
如果(boxeschecked!=0){document.getElementById(“next”).disabled=false;}
}
然而,这是行不通的。选中一个或多个复选框时,“提交”按钮未启用。有人能看出我哪里出错了吗
谢谢 检查这个
在您的示例中,i变量需要在1到输入数之间,否则会抛出错误