javascript - 除非选中复选框，否则隐藏按钮

Question

我想隐藏表单按钮中的提交，除非至少选中了其中一​​个复选框。这是我的观点的示例

$(document).ready(function() {
  $('input[type=checkbox]').click(function() {
    if ($("#radiobutton :checked") {
      $('#next-container').toggle();
    } else {
      $('#next-container').hide()
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" checked name="radio" id="radio">

<div id="nxtbutton">
  <div id="next-container">
    <button class="card__btn btn" id="nxtBtn" type="button">Next</button>
  </div>
</div>

Answer 1

检查 change 事件处理程序中复选框的长度，如果选中，则显示按钮

$(document).ready(function() {
   var boxes = $(' input[type=checkbox]').on('change', function() {
    var flag = boxes.filter(':checked').length > 0;

    $('#next-container').toggle(flag);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" checked name="radio" id="radio">
<input type="checkbox" checked name="radio" id="radio">
<input type="checkbox" checked name="radio" id="radio">
<input type="checkbox" checked name="radio" id="radio">
<br />
<div id="nxtbutton">
  <div id="next-container">
    <button class="card__btn btn" id="nxtBtn" type="button">Next</button>
  </div>
</div>