チェックボックスのうち、少なくとも1つを選択した際の処理
例えば、チェックボックスがあって、少なくとも1つにチェックが入っていればボタンが押せるようになる、そんなものが必要になったので、調べて作ってみたので、メモとして記録しておきます。
ちなみに、disableをつけたり消したりするときは、propを使います
check boxがcheckedになっているもののlengthを調べて分岐する
以下のようなhtmlがあったとして
<input type="checkbox" name="test[]" class="tag_checkbox">test1
<input type="checkbox" name="test[]" class="tag_checkbox">test2
<input type="checkbox" name="test[]" class="tag_checkbox">test3
<input type="checkbox" name="test[]" class="tag_checkbox">test4
javascript側は以下で記載する。
$(function(){
$(".tag_checkbox").change(function(){
var cnt1 = $(".tag_checkbox:checked").length;
if(cnt1 == 0) {
///1つもチェックがない時の処理
} else {
///1つでもチェックがある時の処理
}
});
});
tag_checkbox クラスに何個のチェックが入ってるかをlengthで取得して分岐したという感じにしました。