选中 Javascript 计数复选框
Javascript count checked checkbox
我知道@stackoverflow可能有一些类似的问题,但我还没有找到任何解决我的问题的方法:s
<?php
while($rowVideo = mysql_fetch_array($ResultQueryVideo))
{
?>
<input type="checkbox" name = "checkbox-1[]" class="checkbox" value ="<?php echo $rowVideo['idVideo'] ?>" /> <?php....some code...
这会产生一些复选框,与idVideo的编号相同。这就是重点。
现在,在提交之前,我需要确保至少选中一个复选框。但我没有成功:x
function isCountCheck (helperMsg) {
var chkCnt = 0;
var Frm = document.forms[0];
var dLen = Frm.length - 1;
for (i=0;i<=dLen;i++) {
if(document.form1.["checkbox-1[]"].checked) chkCnt++;
}
if (chkCnt>0) {
return true;
} else {
alert(helperMsg);
return false;
}
}
额外详情:表单名称 ="表单 1"
你能指导我一点吗?谢谢
编辑:
function isCountCheck(){
if($("input[type=checkbox]:checked").length > 0)
{
return true;
}
else
{
alert('Invalid');
return false;
}
}
但仍然不起作用..甚至显示该警报。
主要问题是您没有在循环中使用i
索引来引用各个复选框,并且在[
之前有一个.
,这是一个语法错误。所以改变:
if(document.form1.["checkbox-1[]"].checked) chkCnt++;
自:
if(document.form1["checkbox-1[]"][i].checked) chkCnt++;
但是你可以按如下方式整理函数:
function isCountCheck(helperMsg) {
var i, dLen = document.form1["checkbox-1[]"].length;
// if the length property is undefined there is only one checkbox
if (typeof dLen === "undefined") {
if (document.form1["checkbox-1[]"].checked) return true;
}
else {
for (i = 0; i < dLen; i++) {
if (document.form1["checkbox-1[]"][i].checked) return true;
}
}
alert(helperMsg);
return false;
}
演示:http://jsfiddle.net/nnnnnn/ZjK3w/1/
或者只是遍历表单中的所有输入,检查每个输入的类型(和/或名称):
function isCountCheck(helperMsg) {
var i, len, inputs = document.form1.getElementsByTagName("input");
for (i = 0, len = inputs.length; i < len; i++) {
if (inputs[i].type === "checkbox"
&& inputs[i].checked)
return true;
}
alert(helperMsg);
return false;
}
演示:http://jsfiddle.net/nnnnnn/ZjK3w/2/
最简单的解决方案:
var form = document.forms[0]; // your form element (whatever)
var checkedElms = form.querySelectorAll(':checked').length;
不需要 jQuery。支持低至 IE8。如果您愿意,可以对较旧的浏览器使用 polyfill。
使用 Jquery:
function isCountCheck(helperMsg){
if($("input[type=checkbox]:checked").length > 0)
return true;
alert(helperMsg);
return false;
}
相关文章:
- 为复选框javascript指定两个值
- Javascript复选框函数:;缺少:在属性id之后"
- JavaScript-切换“;全部检查”;复选框true/false
- 如何从javascript/jquery中的复选框中获取布尔值
- 如何使用javascript函数在gridview中按行启用/禁用复选框
- 使用javascript在页面加载时取消选中所有复选框
- 更改类以选中复选框JavaScript
- 选中所有复选框javascript
- 方法通过复选框javascript获取触发器
- 选中所有复选框 JavaScript
- 复选框 Javascript 函数在 Bootstrap modal 中不起作用
- 使用复选框 JavaScript 禁用按钮
- 隐藏输入未正确选择的自定义复选框.Javascript需要调整
- 不带POSTING值的求和复选框-Javascript
- 自定义警报与复选框- Javascript
- 按钮,根据字符串开始选择复选框- Javascript
- 简单的复选框javascript不起作用
- 禁用和启用复选框Javascript
- 如何计算表单中的所有复选框(Javascript)
- 数据类型检查提示复选框javascript