JQuery
[jQuery]チェックボックスを全てチェックする
ヤス
更新日:2021/08/05
こんちわっす。ヤスです。
本日はWEBシステムあるあるです。
チェックボックス全部にチェック入れたい！
全件チェックはググればたくさん出てきます。
何がいいだろうと模索しながら落ち着いたのが、こんな感じ。
onClickでベタ書きなのはいまいちですが。。もっと短くスマートなやり方があれば教えて下さい。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<script> //全チェック function allCheck(checked, target){ // 指定されたクラスにチェック状態を反映する $("."+target).prop("checked", checked); } </script> <!-- ↓チェック入れるとallCheckが発動 --> <input type="checkbox" onClick="allCheck(this.checked, 'hogehoge');" <input type="checkbox" class="hogehoge" name="hoge[]" value="1" /> <input type="checkbox" class="hogehoge" name="hoge[]" value="2" /> <input type="checkbox" class="hogehoge" name="hoge[]" value="3" /> <input type="checkbox" class="hogehoge" name="hoge[]" value="4" /> <input type="checkbox" class="hogehoge" name="hoge[]" value="5" /> <input type="checkbox" class="hogehoge" name="hoge[]" value="6" /> <input type="checkbox" class="hogehoge" name="hoge[]" value="7" /> <input type="checkbox" class="hogehoge" name="hoge[]" value="8" /> |