jquery中怎样获得多选框中，被选择的个数？ 30
6个回答
展开全部
获取 checkbox的选中个数可以直接使用如下jquery语法
$("input[type='checkbox']:checked").length;实例演示如下
创建Html元素
<div class="box">
<span>点击按钮获取选中个数：</span><br>
<div class="content">
<input type="checkbox" name="test" >萝卜
<input type="checkbox" name="test" >青菜
<input type="checkbox" name="test" >小葱
<input type="checkbox" name="test" >豆腐
<input type="checkbox" name="test" >土豆
</div>
<input type="button" class="btn" value="获取被选择个数">
</div>设置css样式
div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='checkbox']{margin:5px 10px;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}编写jquery代码
$(function(){
$("input:button").click(function() {
alert($("input[type='checkbox']:checked").length);
});
})观察效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(':checkbox:selected').length
意思就是所有CHECKBOX元素并且选中的 个数 用length获取
意思就是所有CHECKBOX元素并且选中的 个数 用length获取
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var chbSize=0; 被选中的复选框大小 复选框name为chbSingle
$("input[type='checkbox'][name='chbSingle']").each(function () {
if ($(this).attr("checked") == true) {
chbSize++;
}
});
alert(chbSize);弹出个数
$("input[type='checkbox'][name='chbSingle']").each(function () {
if ($(this).attr("checked") == true) {
chbSize++;
}
});
alert(chbSize);弹出个数
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>new html page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/site.css" type="text/css" rel="stylesheet" />
<script type='text/javascript' src='file:///g:/test/jquery/jquery-1.6.4.js'></script>
<script type="text/javascript">
<!--
$(function() {
$("#btn").click(function() {
var i = 0;
$(":checkbox").each(function() {
if ($(this).attr("checked") == "checked") {
i++;
}
});
alert(i);
});
});
//-->
</script>
</head>
<body>
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="button" value="num" id="btn" />
</body>
</html>
我帮你测试的代码，你看下，点击按钮获取被选择个数
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>new html page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/site.css" type="text/css" rel="stylesheet" />
<script type='text/javascript' src='file:///g:/test/jquery/jquery-1.6.4.js'></script>
<script type="text/javascript">
<!--
$(function() {
$("#btn").click(function() {
var i = 0;
$(":checkbox").each(function() {
if ($(this).attr("checked") == "checked") {
i++;
}
});
alert(i);
});
});
//-->
</script>
</head>
<body>
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="checkbox" name="1" />
<input type="button" value="num" id="btn" />
</body>
</html>
我帮你测试的代码，你看下，点击按钮获取被选择个数
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("input:checked").size()
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
