您的位置:首页 > Web前端 > JavaScript

JS 全选反选功能

2015-04-22 18:47 302 查看
全选按钮:<input type=\"checkbox\" id=\"cheSelectAll\" />选择</li>");

选择项:<input name=\"chkItem\" type=\"checkbox\" value=\"" + this.ID + "\" />

//全选反选
$("#cheSelectAll").click(function() {
$("input[name='chkItem']").prop("checked", $(this).is(":checked"));
});

$("#cheSelectAll").prop("checked", false);

//绑定选中事件
$("input[name='chkItem']").bind("click", function() {
if ($(this).is(":checked") && $("input[name='chkItem']:checked").length === $("input[name='chkItem']").length) {
$("#cheSelectAll").prop("checked", true);
} else {
$("#cheSelectAll").prop("checked", false);
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: