jQuery中获取checkbox选中项等操作及注意事项_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery中获取checkbox选中项等操作及注意事项_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4700字，纯文字阅读大概需要7分钟。
内容图文
1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作
用于测试的checkbox代码段：
一：首先来说第一点，获取checkbox的选中项。网上搜到的大部分方法使用each来获取：
$("input[name='checkbox'][checked]").each(function () {
alert(this.value);
})
IE下的测试效果（我的是IE10）:
IE10下的效果：
chrome浏览器下的效果：
通过在google上搜索，找到了原因：
网址： Jquery 选中多少个input CheckBox问题，IE正常，FF和Chrome无法取到值
因为我用的jquery版本是1.7.2的，所以这里我得用 :checked 来获取才行，修改后的代码：
//获取选中项
$('#huoqu2').click(function () {
$('#show').html("");
$("input[name='abc']:checked").each(function () {
//alert(this.value);
$('#show').append(this.value + " ");
});
});
在chrome下的效果：
二：checkbox的全选 反选操作：
由于这两个比较简单，我就直接上代码吧：
//全选/取消全选
$('#quanxuan').toggle(function () {
$("input[name='abc']").attr("checked", 'true');
}, function () {
$("input[name='abc']").removeAttr("checked");
});
//反选
$('#fanxuan').click(function () {
$("input[name='abc']").each(function () {
if ($(this).attr("checked")) {
$(this).removeAttr("checked");
} else {
$(this).attr("checked", 'true');
}
});
});
再总结一下：
jquery版本在1.3之前时，获取checkbox的选中项的操作：
$("input[name='abc'][checked]").each(function () {
alert(this.value);
});
jquery版本在1.3之后时，获取checkbox的选中项的操作：
$("input[name='abc']:checked").each(function () {
alert(this.value);
});
附 完整测试Demo代码：
内容总结
以上是互联网集市为您收集整理的jQuery中获取checkbox选中项等操作及注意事项_jquery全部内容，希望文章能够帮你解决jQuery中获取checkbox选中项等操作及注意事项_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。