jquery如何取得页面有多少选中的checkbox？
<script>
$(document).ready(function(){
var checked_num = (":checkbox").length;
alert(checked_num);
});
</script>
<form action="temp.php" method="post">
<input type="checkbox" name="1" checked="checked" value="111" />
<input type="submit" value="tijiao" name="submit" />
</form> 这个代码的结果，始终显示9个checkbox，我已经要疯了！ 展开
通过jquery过滤器:checked方式获取所有选中的checkbox
1、定义页面checkbox框,代码如下：
<body>
<input type='checkbox'/>
<input type='checkbox'/>
<input type='checkbox'/>
</body>
2、通过jquery过滤器选择选中的checkbox，代码如下：
var chks=$("input:checked");//获取所有选中的checkbox,chks是一个元素数组
3、通过chks的长度知道多少被选中，代码如下：
var len = chks.length;//选中的checkbox数量
扩展资料
jQuery语言的特点：
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。
5、增强的事件处理
jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。
参考资料：百度百科-jQuery
通过jquery过滤器:checked方式获取所有选中的checkbox
1、定义页面checkbox框
<body>
<input type='checkbox'/>
<input type='checkbox'/>
<input type='checkbox'/>
</body>
2、通过jquery过滤器选择选中的checkbox
var chks=$("input:checked");//获取所有选中的checkbox,chks是一个元素数组3、通过chks的长度知道多少被选中
var len = chks.length;//选中的checkbox数量
1、html判断复选框【checkbox】是否选中是根据checked=checked来判断的
2、jq判断checkbox选中状态的命令是:checked【冒号后面跟checked可以直接判断出checkbox是否选中，这个也是用来判断readio单选框是否选中命令】
3、jq的input[type='checkbox']：这个选择当前页面所有类型为复选框的选择器
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js 二级联动菜单</title>
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var intNum = 0;
$("input[type='checkbox']").each(function(i) {
if ($(this).attr("checked")) {
intNum += 1;
}
})
alert(intNum);
});
</script>
</head>
<body>
<input id="Checkbox1" type="checkbox" checked="checked" />
<input id="Checkbox2" type="checkbox" checked="checked" />
<input id="Checkbox3" type="checkbox" checked="checked" />
<input id="Checkbox4" type="checkbox" checked="checked" />
<input id="Checkbox5" type="checkbox" checked="checked" />
<input id="Checkbox6" type="checkbox" />
</body>
</html>
有一个选择器 叫:checked 已选择的
$("input:checkbox:checked").length; //查找input 且是checkbox 并且还是:checked 已选中的
