通过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 = chkslength;//选中的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代码需要处理的方式。
参考资料：
代码不有点问题
<input type="checkbox" id="member_id" name="member_id" value="${oneid}">
基本的格式符号都省略了//主要帮我看下面这段代码。
$("i chksty")each(function () {
$(this)click(function () {
if ($("chksty:checked")length == $("chksty")length) {
$("#allchk")attr("checked", "checked");
}
else $("#allchk")removeAttr("checked");
});
});
ps:去掉获得对象里面的input，直接通过class拿obj就可以了。当都选其中某几项时，如果需要给服务端ajax传递对应项的id值，该如何做呢？
思路应该是这样的：
①获取被勾选项（即checked的checkbox所在行）
②将id存在checkbox所在input的自定义属性中，如 data-id 中
③创建空数组，遍历被选中的checkbox所在行，获取对应的 data-id 值，存入数组中
④将存入的数组转化为字符串，并用逗号隔开（join(',')）获取 checkbox的 选中个数可以直接使用如下jquery语法$("input[type='checkbox']:checked")length;
示例如下：
创建Html代码及css样式
<div><input type="checkbox" name="fruit"> apple
<input type="checkbox" name="fruit"> orange
<input type="checkbox" name="fruit"> banana
<input type="checkbox" name="fruit"> watermelon<br>
<input type="button" value="I like these fruit!">
</div>div{width:500px;padding:20px;border:4px solid #ebcbbe;}
input{margin:10px 5px;}
jquery代码
$(function(){$("input[type='button']")click(function() {
alert($("input[type='checkbox']:checked")length);
});
})
效果
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）