项目中常会用全选反向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"));
});
}