最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
完整的jquery全选/取消全选示例效果
时间：2022-06-25 17:41:21 编辑：袖梨 来源：一聚教程网
由于这两个比较简单，我就直接上代码吧：
//全选/取消全选
$('#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代码：
相关文章
- PS怎么处理证件照?PS一分钟快速处理证件照人像教程 07-12
- 原神玛薇卡雷火输出队怎么玩 玛薇卡配队大全分享 07-12
- 浅谈网站建设中容易忽略的重要细节 07-12
- 柴犬大持有者一日内累计购入1,180,000,000,000枚SHIB 价格回升至0.000013美元 07-12
- DreamWeaver怎么设置行内标签? 07-12
- 幻兽帕鲁邪麒麟擅长什么工作 帕鲁邪麒麟工作适应介绍 07-12