标题 | Javascript检查复选框checkbox是否选中 |
内容 | 假设网页上有个名为form1的form,form里面有一个名为checkbox1的checkbox 代码如下: > var f = document.form1; var sum=0; if (f.checkbox1.length){ for(var i=0;i <f.checkbox1.length;i++){ if(f.checkbox1[i].checked==true) sum=sum+1; } }else{ if(f.checkbox1.checked){ sum=1; } } console.log(sum); 请注意最外层的if判断,当只有一个checkbox项的时候,f.checkbox1.length会返回undefined。 再看一个 代码如下: > <script> function test() { var x=document.getElementsByName("enjoy[]"); var issel=false; for(var i=0;i<x.length;i++) { if(x[i].checked) { issel=true; return issel; } } return issel; } </script> <body> <form id="form1" name="form1" method="post" action=""> <input type="checkbox" name="enjoy[]" id="enjoy[]" /> 吃 <input type="checkbox" name="enjoy[]" id="enjoy[]" /> 喝 <input type="submit" name="button" id="button" onclick="alert(test());" value="提交" /> </form> 获取到选中的checkbox有几个了,后续的操作就不用多介绍了吧。 |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。