jQuery CheckBox全选
2011-03-25 11:18 suzh 阅读(410) 评论(0) 编辑 收藏 举报
$(function(){ $('#inputChkAll').click(function(){ $("input[name='chkJob']").attr("checked", $(this).attr("checked"));//注意此处 }); });
代码如上,#inputChkAll用来全选或者全不选的CheckBox控件,其控制了name='chkJob'这个复选组。根据inputChkAll的勾选状态$(this).attr("checked")来这是chkJob的勾选状态
// 全选
$("#btnCheckAll").bind("click", function () {
$("[name = chkItem]:checkbox").attr("checked", true);
});
// 全不选
$("#btnCheckNone").bind("click", function () {
$("[name = chkItem]:checkbox").attr("checked", false);
});
// 反选
$("#btnCheckReverse").bind("click", function () {
$("[name = chkItem]:checkbox").each(function () {
$(this).attr("checked", !$(this).attr("checked"));
});
});
// 得到选中
$("#btnSubmit").bind("click", function () {
var result = new Array();
$("[name = chkItem]:checkbox").each(function () {
if ($(this).is(":checked")) {
result.push($(this).attr("value"));
}
});
alert(result.join(","));
});