[jQuery]判斷 checkbox 是否選取,實現全選跟全部取消
發表於 : 2012-08-07 20:43:39
http://blog.wu-boy.com/2008/12/jquery%E ... %E6%B6%88/
jQuery 1.3 版之後不支援
$("input[@name='user_active_col[]']")
請改寫成
$("input[name='user_active_col[]']")
在 jQuery 底下要如何實現這個功能,其實還蠻簡單的,首先看 html 部份
<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 部份如下:
$("#clickAll").click(function() {
if($("#clickAll").attr("checked"))
{
$("input[name='user_active_col[]']").each(function() {
$(this).attr("checked", true);
});
}
else
{
$("input[name='user_active_col[]']").each(function() {
$(this).attr("checked", false);
});
}
});
這樣就可以了
jQuery 1.3 版之後不支援
$("input[@name='user_active_col[]']")
請改寫成
$("input[name='user_active_col[]']")
在 jQuery 底下要如何實現這個功能,其實還蠻簡單的,首先看 html 部份
<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 部份如下:
$("#clickAll").click(function() {
if($("#clickAll").attr("checked"))
{
$("input[name='user_active_col[]']").each(function() {
$(this).attr("checked", true);
});
}
else
{
$("input[name='user_active_col[]']").each(function() {
$(this).attr("checked", false);
});
}
});
這樣就可以了