Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
选中复选框时启用提交按钮的Javascript函数_Javascript_Checkbox_Form Submit - Fatal编程技术网

选中复选框时启用提交按钮的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 =

我正在尝试编写一个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>

函数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到输入数之间,否则会抛出错误