jQuery操作checkbox選擇(list/table)_jquery

1、checkbox list選擇

效果圖：

代碼：

複製代碼 代碼如下:

今日話題
視覺焦點
財經
汽車
科技
房產
旅遊

2、checkbox table選取

效果圖：

程式碼：

複製程式碼 程式碼如下:

標題>

表
{
邊框折疊：折疊；
}
td
{
邊框：1px 實線#ccc;
}
樣式>


$(function () {
// chkAll全選事件
$("#chkAll").bind("click", function () {
$("[name = chkItem] :checkbox").attr("checked", this.checked);
});
// chkItem事件
$("[name = chkItem]:checkbox").bind("click" , function () {
var $chk = $("[name = chkItem]:checkbox");
$("#chkAll").attr("已選取", $chk.length == $ chk .filter(":checked").length);
})
});
腳本>
頭>








分類名稱


標題>
;





今日話題







焦點






財經







汽車







科技







房產







旅遊


tbody>
表>
身體>