jQuery input checkbox全选反向 反复调用attr('checked', true/false) 只有第一次生效

分类:Javascript| 发布:佚名| 查看: | 发表时间:2014/7/11

项目中常会用全选反向checkbox的功能,用jQuery很方便,一般都是如下代码:

   /**
* 全选
*/
function checkAll() {
$("input[name=ids]").attr("checked", true);
}
/**
* 全不选
*/
function uncheckAll() {
$("input[name=ids]").attr("checked", false);
}

问题描述:

初始状态复选框没有全选,

点击全选按钮调用checkAll方法,

实现了全选,

然后点击全不选按钮,

实现了全不选,

然后再次点击全选按钮,

结果却木有全选,

再反复点击木有任何反应。

google之:

把使用prop方法代替attr方法,

    /**
* 全选
*/
function checkAll() {
$("input[name=ids]").prop("checked", true);
}

//全选、反向Checkbox
function checkAllORunCheckAll(){
var boolS = $("#selectAllBtn:checked").length > 0 ? true : false;
$("input[name='verifylist']").prop("checked", boolS);
}

//获取选择的Checkbox项的值
function FetchCheckItem(){
var selItem = [];
$("input[name='verifylist']:checkbox:checked").each(function () {
selItem.push($(this).attr("data-id"));
});
}
365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/javascript/1457.html