質問: $('input[name="test[]"]:checked').length; // 2チェックが4つ以上入ったら if (len >= 4) { // 3disabledを付けてチェックできなくする $('input[name="test[]"]').not(':checked').attr('disabled', 'disabled'); // チェックが2つ未満だったら } else { // 4disabledを削除してチェックできるようになる $('input[name="test[]"]').not(':checked').removeAttr('disabled'); } }); }); ``` こちらの処理を書いたんですが、これではページを更新した時にチェック可能状態になってしまい、4つ以上選択できる状態になっています。 これをページ更新または入りなおした時に既に4つである場合は選択不可の状態にしておきたいです。 書き直していただけませんか。よろしくお願いします。 できれば解説もしていただければと思います。
回答: いちばん手抜きな方法としては、「ページ表示時にハンドラを実行してしまう」方法があります。 ``` $(function () { // チェックボックスをチェックしたら発動 $('input[name="test[]"]').change(function () { // 中身は省略 }).change(); }); ```