当前位置: 编程技术>WEB前端
jquery统计用户选中的复选框的个数
来源: 互联网 发布时间:2014-08-25
本文导语: 代码如下: jquery test one two three four five six seven 提交 $("button[name=sub]").click(function(){ var len = $("input:checkbox:checked").length; alert("你一共选中了"+len+"个复选框"); }) 使用选择器得到所有被勾选的复选框元素的集合,然后通过判...
代码如下:
jquery test
one
two
three
four
five
six
seven
提交
$("button[name=sub]").click(function(){
var len = $("input:checkbox:checked").length;
alert("你一共选中了"+len+"个复选框");
})
使用选择器得到所有被勾选的复选框元素的集合,然后通过判断元素的个数来得到用户勾选的个数。
有的时候,我们还对用户勾选复选框的个数做了限制,假设只能勾选三个,相应的代码是这样的:
代码如下:
jquery test
one
two
three
four
five
six
seven
$("input:checkbox").click(function(){
var len = $("input:checkbox:checked").length;
if(len>3){
alert('亲,最多只能选三个哟~');
return false; //另刚才勾选的取消
}
})