複数のチェックボックスをチェックしたい
質問させてください。
複数のチェックボックスを項目別に全てチェックするようなjqueryの書き方をご教授いただきたいです。
<table>
<tr>
<td>
<input type="checkbox" name="" />まとめてチェック
</td>
</tr>
<tr>
<td>
<li><input type="checkbox" name="" value="" />a</li>
<li><input type="checkbox" name="" value="" />b</li>
<li><input type="checkbox" name="" value="" />c</li>
<li><input type="checkbox" name="" value="" />d</li>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" />まとめてチェック
</td>
</tr>
<tr>
<td>
<li><input type="checkbox" name="" value="" />e</li>
<li><input type="checkbox" name="" value="" />f</li>
<li><input type="checkbox" name="" value="" />g</li>
<li><input type="checkbox" name="" value="" />h</li>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" />まとめてチェック
</td>
</tr>
<tr>
<td>
<li><input type="checkbox" name="" value="" />i</li>
<li><input type="checkbox" name="" value="" />j</li>
<li><input type="checkbox" name="" value="" />k</li>
<li><input type="checkbox" name="" value="" />l</li>
</td>
</tr>
</table>
上記のようにそれぞれの項目に「まとめてチェック」のチェックボックスがあり、
そこに該当するチェック項目は全てチェックorチェックを外す
っという挙動の実装を考えています。
jqueryでやりたいのですが、javascript、jqueryがかなり苦手でいまいちいきません。
ググって
$(function(){
$('#all').click(function(){
if(this.checked){
$('#check input').attr('checked','checked');
}else{
$('#check input').removeAttr('checked');
}
});
});
このソースを見つけたのですが、これだと一つの項目でしか実装できず
項目分このjqueryを書くのも余り良い書き方だと思えません。
どなたか、ご教授お願いいたします。
お礼
「無理」という回答を「期待」していたのですが、javascriptという手もあるのですね。感動の涙です。 意図はイントラネット用、かつＩＥだけで動けばいいだけですので、活用できそうです。 回答ありがとうございました。＼(=^o^=)／