Js 统计复选框选中个数的实现代码
发布时间:2015-02-15 编辑:jiaochengji.com
分享一例js实现的统计复选框选中个数的代码,用于统计页面中的checkbox选中个数,有需要的朋友参考下。
例子:
复制代码 代码示例:
<script type="text/javascript">
/**
* 统计复选框的选中个数,确定是否过滤
* edit: www.jiaochengji.com
*/function yesno() {
var inputs = document.getElementsByName("ck[]");
var checked_counts = 0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){checked_counts++;
}
}
if(confirm("你已选择了 " + checked_counts + " 个网址,\n你确定选择删除过滤网址吗?")){
//return true;
ShowDiv('MyDiv','fade');
}else{
return false;
}
}
</script>
[html] view plaincopyprint?
<form id="form1" name="form1" method="post" action="">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="submit" name="submit" id="submit" class="subbut" onclick="return yesno();" value="选择删除信息">
</form>
/**
* 统计复选框的选中个数,确定是否过滤
* edit: www.jiaochengji.com
*/function yesno() {
var inputs = document.getElementsByName("ck[]");
var checked_counts = 0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){checked_counts++;
}
}
if(confirm("你已选择了 " + checked_counts + " 个网址,\n你确定选择删除过滤网址吗?")){
//return true;
ShowDiv('MyDiv','fade');
}else{
return false;
}
}
</script>
[html] view plaincopyprint?
<form id="form1" name="form1" method="post" action="">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="checkbox" name="ck[]" id="ck[]" value="{$vo.id}" onclick="javascript:chkRow(this);">
<input type="submit" name="submit" id="submit" class="subbut" onclick="return yesno();" value="选择删除信息">
</form>
您可能感兴趣的文章:
js判断复选框checkbox是否选中并取出值
js 限定复选框选择个数的例子
jquery复选框全选/取消示例
Js 统计复选框选中个数的实现代码
模拟多级复选框效果的jquery代码
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
jquery 操作单选框,复选框,下拉列表实现代码
js控制文本框自动适应文本长度的例子
javascript中限制复选框的最大可选数实现代码
js判断radio是否被选中的简单例子
[关闭]