最近在做乙個專案，其中乙個功能就是多選框的全選與反選。感覺很簡單的小功能，一下子想不起來怎麼實現了，很是耽誤時間。我在想，我有必要整理下自己的一些小demo了，也方便以後再使用的時候能快速的完成功能。**加注釋很清晰，見**。
1doctype html
>
2<
html
>34
<
head
lang
="en"
>
5<
meta
charset
="utf-8"
>
6<
title
>
title
>
7<
style
>8*
12.wrap
16table
21th,
22td
27th
32td
35tbody tr
3839
tbody tr:hover
43style
>
44<
script
src="jquery.js"
>
script
>
45<
script
>
46$(
function
() );
5556
//2.獲取tbody中的checkbox 註冊點選事件
57$(
"#j_tb input
").click(
function
() else
68});
69});
70script
>
71head
>
72<
body
>
73<
div
class
="wrap"
>
74<
table
>
75<
thead
>
76<
tr>
77<
th>
78<
input
type
="checkbox"
id="j_cball"
/>
79th
>
80<
th>業務平台
th>
81<
th>專案名稱
th>
82<
th>職工編碼
th>
83<
th>職工名稱
th>
84<
th>專案名稱
th>
85tr
>
86thead
>
87<
tbody
id="j_tb"
>
88<
tr>
89<
td>
90<
input
type
="checkbox"
/>
91td
>
92<
td>基礎平台
td>
93<
td>部門管理
td>
94<
td>部門管理
td>
95<
td>部門管理
td>
96<
td>部門管理
td>
97tr
>
98<
tr>
99<
td>
100<
input
type
="checkbox"
/>
101td
>
102<
td>固定資產
td>
103<
td>部門管理
td>
104<
td>部門管理
td>
105<
td>部門管理
td>
106<
td>部門管理
td>
107tr
>
108<
tr>
109<
td>
110<
input
type
="checkbox"
/>
111td
>
112<
td>運維管理
td>
113<
td>部門管理
td>
114<
td>部門管理
td>
115<
td>部門管理
td>
116<
td>部門管理
td>
117tr
>
118<
tr>
119<
td>
120<
input
type
="checkbox"
/>
121td
>
122<
td>售後服務
td>
123<
td>人員管理
td>
124<
td>人員管理
td>
125<
td>人員管理
td>
126<
td>人員管理
td>
127tr
>
128tbody
>
129table
>
130div
>
131body
>
132133
html
>
checkbox全選 反選的實現
全選checkbox的click事件和每行的單個checkbox的click事件分別都要實現。1.全選checkbox的click事件 如果全選checkbox的狀態如果為選中 checked 時，每行的單個checkbox的checked屬性全部設定為true 反之，則設定為false.2.每行的...
js實現checkbox全選 不選與反選
一 思路 1.獲取元素 2.給全選 不選 反選新增點選事件 3.用for迴圈checkbox 4.把checkbox的checked設定為true即實現全選 5.把checkbox的checked設定為false即實現不選 6.通過if判斷，如果checked為true選中狀態的，就把checked...
jquery實現checkbox全選反選
對於jquery 1.6 的版本而言，用attr 去設定checkbox的checked屬性是不正確的。應該用prop 方法 input name checkbox name prop checked this prop checked 以下內容作廢 2014 09 11 jquery版本 1.4....