js怎么取得name=checkbox[]的复选框选中个数

假如有三个复选框<inputtype="checkbox"name="cb[]"><inputtype="checkbox"name="cb[]"><inputtype=... 假如有三个复选框
<input type="checkbox" name="cb[]">
<input type="checkbox" name="cb[]">
<input type="checkbox" name="cb[]">
这样用js怎么判断几个被选上?
<input type="checkbox" name="cb">这种形式的我已经会
展开
 我来答
皮蛋粯子粥
高粉答主

推荐于2019-09-30 · 繁杂信息太多,你要学会辨别
知道小有建树答主
回答量:1398
采纳率:79%
帮助的人:44.5万
展开全部

1、获取复选框被选中值

<input type="button" id="btn5" value="获得选中神仔的所有值">
<input type="text" name="dd" id="dd" size="50" />

$("#btn5").click(function(){
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+",";
})
$("#dd").val(str)
})

JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数,需要用到jQuery的size()方法或length属性,下面的例子漏贺是通过length属性获得checkbox选中项的个数

<ul>

<li><input type="checkbox" name="test" />看电视</li>

<li><input type="checkbox" name="test" />看电影</li>

<li><input type="checkbox" name="test" />上网</li> 

<li><input type="checkbox" name="test" />爬山</li>

<li><input type="checkbox" name="test" />游乐场</li> 

<li><input type="checkbox" name="test" />逛街</li>

<li><input type="checkbox" name="test" />游搜汪聚会</li>

</ul>

<p>

<input type="button" id="count" value="有多少CheckBox被选中了?" />

<script type="text/javascript">

$(document).ready(function(){  

$('input[type=checkbox]').click(function(){ 

$(this).attr('disabled','disabled');   

if($("input[name='test']:checked").length >= 3) 

{ $("input[name='test']").attr('disabled','disabled');}});  

$("#count").click(function(){$('input').live('click',function(){       

alert($('input:checked').length);   

});})})

</script>

效果如图:

扩展资料:

JS日常用途

嵌入动态文本于HTML页面。

对浏览器事件做出响应。

读写HTML元素。 

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies,包括创建和修改等。

基于Node.js技术进行服务器端编程。

大野瘦子
高粉答主

推荐于2019-10-12 · 繁杂信息太多,你要学会辨别
知道小有建树答主
回答量:1227
采纳率:100%
帮助的人:33.9万
展开全部

var inputs = document.getElementsByName("cb[]");

var checked_counts = 0;

for(var i=0;i<inputs.length;i++){

if(inputs[i].checked){

checked_counts++;

}

}

alert(checked_counts);

扩展资料:

JS的使用方法

1.JS中的字符与字符相连接使用+号. 

2.JS中的比较操作符有:==等于,!=不歼圆等于,>,>=,<.<= 

3.JS中声明变量使用:var来进行声明 

4.JS中的判断语句结构:if(condition){}else{} 

5.JS中氏顷塌的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop} 

6.循环中止的命令是:break 

7.JS中的函乎悉数定义:function functionName([parameter],...){statement[s]} 

8.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 

9.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 

10.状态栏的设置:window.status="字符"; 

11.JS中的取字符串长度是:(length) 

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
learneroner
高粉答主

推荐于2017-10-07 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6535万
展开全部

思路:根据name值获取复选框对象→循环判断复选框的checked属性(true表示选中,false为未选中)→计数。首激轮实例演示如下:

1、铅渣HTML结构

<input type="checkbox" name="checkbox[]" value="1"> 选项1
<input 者信type="checkbox" name="checkbox[]" value="2"> 选项2
<input type="checkbox" name="checkbox[]" value="3"> 选项3<br>
<input type="checkbox" name="checkbox[]" value="4"> 选项4
<input type="checkbox" name="checkbox[]" value="5"> 选项5
<input type="checkbox" name="checkbox[]" value="6"> 选项6<br>
<input type='button' value='确定' onclick="fun()"/>

2、javascript代码

function fun(){
var checks = document.getElementsByName("checkbox[]");
n = 0;
for(i=0;i<checks.length;i++){
if(checks[i].checked)
n++;
}
alert("选中项目数为:"+n);
}

3、效果演示

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
forzhp
推荐于2017-09-04 · TA获得超过1412个赞
知道小有建树答主
回答量:297
采纳率:0%
帮助的人:424万
展开全部
var inputs = document.getElementsByName("培拆启者cb[]");

var checked_counts = 0;

for(var i=0;i<配旁枣inputs.length;i++){
if(inputs[i].checked){
checked_counts++;
}
}

alert(checked_counts);
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2009-01-23
展开全部
var cbs = form.elements['cb[]'];
//遍历...
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式