jQueryを使うと複数のチェックボックスのON/OFFが簡単にできます。Sample
idで指定したチェックボックスのON/OFFによって指定クラスのチェックボックスにcheckedのアトリビュートを差し込んだり外したりという単純なものです。
idで指定したチェックボックスのON/OFFによって指定クラスのチェックボックスにcheckedのアトリビュートを差し込んだり外したりという単純なものです。
jQuery
<script type="text/javascript">
$(function(){
$("#switch").click(function(){
$('.chk').attr('checked', $(this).attr('checked'));
});
});
</script>
HTML
<input type="checkbox" id="switch"> すべてを選択<br>
<br>
<input class="chk" type="checkbox" name="chbx[]" value="A"> A<br>
<input class="chk" type="checkbox" name="chbx[]" value="B"> B<br>
<input class="chk" type="checkbox" name="chbx[]" value="C"> C<br>
<input class="chk" type="checkbox" name="chbx[]" value="D"> D<br>
<input class="chk" type="checkbox" name="chbx[]" value="E"> E<br>
<input class="chk" type="checkbox" name="chbx[]" value="F"> F<br>
<input class="chk" type="checkbox" name="chbx[]" value="G"> G<br>
<input class="chk" type="checkbox" name="chbx[]" value="H"> H<br>
<input class="chk" type="checkbox" name="chbx[]" value="I"> I<br>



