在 jQuery 底下要如何實現這個功能，其實還蠻簡單的，首先看 html 部份
1
2
3
4
5
6
| <input name="user_active_col[]" type="checkbox" value="1"> 1
<input name="user_active_col[]" type="checkbox" value="2"> 2
<input name="user_active_col[]" type="checkbox" value="3"> 3
<input name="user_active_col[]" type="checkbox" value="4"> 4
<input name="user_active_col[]" type="checkbox" value="5"> 5
<input name="clickAll" id="clickAll" type="checkbox"> 全選
|
jQuery 部份如下：
1
2
3
4
5
6
7
8
9
10
11
| $("#clickAll").click(function() {
if($("#clickAll").prop("checked")) {
$("input[name='user_active_col[]']").each(function() {
$(this).prop("checked", true);
});
} else {
$("input[name='user_active_col[]']").each(function() {
$(this).prop("checked", false);
});
}
});
|
可以不用 loop 方式，直接用一行解取代上面程式碼
1
| $("input[name='user_active_col[]']").prop("checked", true);
|
See also