チェックボックスのうち、少なくとも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で取得して分岐したという感じにしました。

コメント