jquery实现复选框的全选和反选
复选框的全选反选一般使用.attr(“checked”, “true”)或 .prop(“checked”, “true”),但经多次实验,.attr在进行一次全选和反选后就失效了,而.prop不存在这个问题,推荐使用.prop。
html代码:
<input type="checkbox" class="cb_All"/>全选/反选
<input type="checkbox" class="cb_Item" value="1"/> 选项1
<input type="checkbox" class="cb_Item" value="2"/> 选项2
jquery代码:
<script src="jquery-1.9.1.min.js"></script>
$(".cb_All").click(function () {
var flag = this.checked;
$(".cb_Item").prop("checked", flag);
});