jQueryでcheckbox[:checked]を複数取得したいができない

Question

<fieldset>
<legend>あなたは休みの日に何をしていますか？</legend>
<ul>
  <li><label for="care1"><input type="checkbox" name="care" value="1" id="care1">睡眠</label></li>
  <li><label for="care2"><input type="checkbox" name="care" value="1" id="care2">入浴</label></li>
  <li><label for="care3"><input type="checkbox" name="care" value="1" id="care3">運動</label></li>
  <li><label for="care4"><input type="checkbox" name="care" value="1" id="care4">食事</label></li>
  <li><label for="care5"><input type="checkbox" name="care" value="1" id="care5">テレビを見る</label></li>
  <li><label for="care6"><input type="checkbox" name="care" value="1" id="care6">スマホを見る</label></li>
  <li><label for="care7"><input type="checkbox" name="care" value="1" id="care7">ショッピング</label></li>
  <li><label for="care8"><input type="checkbox" name="care" value="0" id="care8">特になし</label></li>
</ul>
<input type="button" value="次へ" class="next" id="nextBtn4" disabled>
</fieldset>

// care
$('input[name=care]').click(function() {
  $('input[name=care]:checked').each(function() {
  if ($('input[name=care]').prop('checked')) {
    //disabled属性を解除する
    $('#nextBtn4').prop('disabled', false);
  } else {
    //disabled属性を付与する
    $('#nextBtn4').prop('disabled', true);
  }
});
});

ここまでは色々調べてできたのですが、どこがいけないのでしょうか？
eachの使い方が間違っているのだと思うのですが・・・

現状は、チェックボックスをクリックしても次へボタンがdisabledのままになっています。
挙動としては、チェックボックスが１個でも複数でもクリックされたら、次へボタンのdisabledをオフにしたいです。

記述等、初心者の書き方でお恥ずかしいですがご教示いただければ幸いです。

Comments

[maisumakun]

> どこがいけないのでしょうか？

「どのような動作をさせたい」けど「実際にはどうなっている」状態でしょうか。

[int32_t]

どういう挙動が欲しくて、現在のコードはどういう問題があるのですか?

Answer 1

$('input[name=care]').on('change', function() {
  $('#nextBtn4').prop('disabled', $('input[name=care]:checked').length == 0);
});

こんな感じです。
チェックボックスの値が変更されたときに処理をしたいなら、click でなく change イベントを使うべきです。

Comments

[shin12t]

なるほどです！
ありがとうございます！

Answer 2

$(function(){
  $('input[name=care]').on('click',function() {
    $('#nextBtn4').prop('disabled',!$('input[name=care]').is(':checked'));
  });
});

Comments

[shin12t]

すみません、ありがとうございます！