1、checkbox list选择 效果图: 代码: 复制代码 代码如下: <BR>$(function () { <BR>// 全选 <BR>$("#btnCheckAll").bind("click", function () { <BR>$("[name = chkItem]:checkbox").attr("checked", true); <BR>}); <BR>// 全不选 <BR>$("#btnCheckNone").bind("click", function () { <BR>$("[name = chkItem]:checkbox").attr("checked", false); <BR>}); <BR>// 反选 <BR>$("#btnCheckReverse").bind("click", function () { <BR>$("[name = chkItem]:checkbox").each(function () { <BR>$(this).attr("checked", !$(this).attr("checked")); <BR>}); <BR>}); <BR>// 全不选 <BR>$("#btnSubmit").bind("click", function () { <BR>var result = new Array(); <BR>$("[name = chkItem]:checkbox").each(function () { <BR>if ($(this).is(":checked")) { <BR>result.push($(this).attr("value")); <BR>} <BR>}); <BR>alert(result.join(",")); <BR>}); <BR>}); <BR> 今日话题 视觉焦点 财经 汽车 科技 房产 旅游 2、checkbox table选中 效果图: 代码: 复制代码 代码如下: <BR>table <BR>{ <BR>border-collapse: collapse; <BR>} <BR>td <BR>{ <BR>border: 1px solid #ccc; <BR>} <BR> <BR>$(function () { <BR>// chkAll全选事件 <BR>$("#chkAll").bind("click", function () { <BR>$("[name = chkItem]:checkbox").attr("checked", this.checked); <BR>}); <BR>// chkItem事件 <BR>$("[name = chkItem]:checkbox").bind("click", function () { <BR>var $chk = $("[name = chkItem]:checkbox"); <BR>$("#chkAll").attr("checked", $chk.length == $chk.filter(":checked").length); <BR>}) <BR>}); <BR> 分类名称 今日话题 视觉焦点 财经 汽车 科技 房产 旅游