按钮:
<label><input type="radio" onclick="selectAll()" id="selectAll" >全选</label>
<label><input type="radio" onclick="unSelect()" id="unSelect" >取消全选</label>
<label><input type="radio" onclick="reverseSelect()" id="reverseSelect" >反选</label>
用函数,可以实现分页的ajax传值后生成的页面,也能全选,取消全选,反选
// 选中所有
function selectAll(){
$("#checkboxList :checkbox").prop("checked", true);
}
// 取消选中所有
function unSelect(){
$("#checkboxList :checkbox").prop("checked", false);
}
// 反选
function reverseSelect(){
$("#checkboxList :checkbox").each(function(){
if ($(this).is(":checked")) {
$(this).prop("checked", false);
} else {
$(this).prop("checked", true);
}
});
}
注:最好用prop属性
判断input框是否选中
if ($(this).is(":checked")) {
$(this).prop("checked", false);
} else {
$(this).prop("checked", true);
}
相关扩展,一般批量处理(全选、反选)就涉及到后台数据的批量处理,毫无疑问,批量处理id在选中范围内的数据。如tp中则用where("id", "in", $selectedId)。