jquery全选反选全不选代码
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery全选反选全不选代码相关的知识，希望对你有一定的参考价值。
1、JS代码
function ($) {
//全选 反选 全不选
$("#selAll").click(function () {
$(".lists :checkbox").not(‘:disabled‘).prop("checked", true);
});
$("#unSelAll").click(function () {
$(".lists :checkbox").not(‘:disabled‘).prop("checked", false);
});
$("#reverSel").click(function () {
//遍历.lists下的 checkbox;
$(".lists :checkbox").not(‘:disabled‘).each(function () {
$(this).prop("checked", !$(this).prop("checked"));
});
});
}(jQuery)
2、HTML代码
<input class="btn btn-default" id="selAll" type="button" value="全选" />
<input class="btn btn-default" id="unSelAll" type="button" value="全不选" />
<input class="btn btn-default" id="reverSel" type="button" value="反选" />
<div class="lists">
<input type="checkbox" value="1" /> 苹果
<input type="checkbox" value="2" /> 香蕉
<input type="checkbox" value="3" /> 菠萝
<input type="checkbox" value="4" /> 桃子
</div>
来自： http://mp.weixin.qq.com/s/XDMtbbvwwIOMRgZxk_cdmQ
以上是关于jquery全选反选全不选代码的主要内容，如果未能解决你的问题，请参考以下文章