jquery获取div中checkbox 选中的个数
<div id="top">
<input type="checkbox" name="ck" value="1" />
图片
<input type="checkbox" name="ck" value="2" />
新闻
<input type="checkbox" name="ck" value="3" />
动画
<input type="checkbox" name="ck" value="4" />
电影
<input type="checkbox" name="ck" value="5" />
图书
<input type="checkbox" name="ck" value="6" />
游戏
</div>
<input type='button' value='选择' onclick='check_box();' />
//js代码
function check_box(ck){
var checkboxa = jQuery("input[name='ck']:checked").each(function(){
var channels = jQuery(this).val();
})
}
说明:这样取的是选中的值,应该怎么判断选了多少个? 展开
1.HTML结构
< input type = "checkbox" name = "test" value = "1" / > < span > 1 < / span >
< input type = "checkbox" name = "test" value = "2" / > < span > 2 < / span >
< input type = "checkbox" name = "test" value = "3" / > < span > 3 < / span >
< input type = "checkbox" name = "test" value = "4" / > < span > 4 < / span >
< input type = "checkbox" name = "test" value = "5" / > < span > 5 < / span >
2.Javascript代码:
函数show(){
Obj文件。getElementsByName(“测试”);
Check_val=[];
For(kinobj){
如果(obj[k]。检查)
Check_val。Push(obj[k]。值);
}
警报(check_val);
}
扩展资料:
JQuery对复选框的各种操作:
1.根据id获取复选框:
$("#cbCheckbox1");
2.得到所有的复选框:
$("input[type='checkbox']");//或
$("input[name='cb']");
3.获得所有选中的复选框:
$("input:thecheckboxchecked");//或
$("input:[type='checkbox']:checked");//或
$("input[type='checkbox]:checked");//或
$("input:[name='ck']:checked");
获取checkbox选中个数的方法如下:
$('div input[type=checkbox]:checked').length
解释:
div选择div标签
div input选择所有div中的所有input标签(包括radio、checkbox、hidden等)
div input[type=checkbox]选择所有div中所有的复选框(checkbox),其中[type=checkbox]为属性选择器,会选择type属性为checkbox的元素
div input[type=checkbox]:checked选择所有div下被勾选的checkbox,其中:checked表示为勾选状态
length可以取到选择器结果的条数,即div中checkbox为选中状态的元素个数
function check_box(){
$("input[name='ck']:checked").each(function(i,n){
alert($(this).val());//
})
}
这样就oK了。你就知道你选择没有选择!