js怎么取得name=checkbox[]的复选框选中个数
＜input type="checkbox" name="cb[]"＞
＜input type="checkbox" name="cb[]"＞
＜input type="checkbox" name="cb[]"＞
这样用js怎么判断几个被选上？
＜input type="checkbox" name="cb"＞这种形式的我已经会 展开
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技术进行服务器端编程。
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)
思路：根据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、效果演示
var checked_counts = 0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){
checked_counts++;
}
}
alert(checked_counts);
