jQuery CheckBox全选

 

$(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(","));
            });