HTML・CSSjQuery

jQueryを使って全てのチェックボックスにチェック

この記事は2009年6月に公開したものです(17年以上前)。当時の情報にもとづいており、現在の仕様とは異なる場合があります。

作業しながら簡単につけられないだろうかなぁとおもってやってたら案外いけたのでさらしてみます。

jQuery(function(){
    jQuery("input:checkbox:first, input:checkbox:last").bind("click",function(){
        jQuery("input:checkbox").not(this).each(function(){
            this.checked = !this.checked ;
        });
    });
});

自分はこれでやりましたが、「input:checkbox」としなくても「:checkbox」だけで動いてくれると思います。

もっと簡単にできる!のがありましたら教えていただければなぁと思います。。。

ウェブサイトの制作・改善や、社内の困りごとのご相談を承っています。

相談してみる