在 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").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 方式,直接用一行解取代上面程式碼
$("input[name='user_active_col[]']").prop("checked", true);