すべてのチェックボックスのON/OFF

2011.01.28 17:01
 jQueryを使うと複数のチェックボックスのON/OFFが簡単にできます。Sample

 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>






プロフィール



  • Name :: 山上オサム ♂(39)
  • Hobby :: 武術
  • Work :: Web Designer