如何检测我的复选框中是否有任何内容？

Question

如果选中任何复选框,我想启用该按钮.否则,如果没有选中,我想禁用该按钮.

jQuery的

	$(document).ready(function() {
  $('.check_list').change(function() {
    if ($(".check_list input:checkbox:checked").length > 0){
      $(".btn").attr('disabled','disabled');
    } else {
      $(".btn").removeAttr('disabled');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="check_list" name="check_list[]" value="value1">
<input type="checkbox" class="check_list" name="check_list[]" value="value2">
<input type="checkbox" class="check_list" name="check_list[]" value="value3">
<input type="checkbox" class="check_list" name="check_list[]" value="value4">

<button class="btn" disabled> Button</button>

检查按钮时它可以工作.但是当我取消选中它仍然启用的所有内容时.但它应该被禁用

Answer 1

您的CSS选择器是错误的.并使用prop而不是attr除非你知道你在做什么.

var $checklist = $('.check_list').change(function() {
  $(".btn").prop('disabled', !$checklist.is(":checked"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="check_list" name="check_list[]" value="value1">
<input type="checkbox" class="check_list" name="check_list[]" value="value2">
<input type="checkbox" class="check_list" name="check_list[]" value="value3">
<input type="checkbox" class="check_list" name="check_list[]" value="value4">
<button class="btn" disabled> Button</button>