如果选中任何一个复选框,我想启用该按钮。否则,如果未选中任何一项,我想禁用该按钮。

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>





当我检查按钮时它起作用。但是当我取消选中所有功能时,它仍处于启用状态。但是应该禁用

最佳答案

您的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>

关于jquery - 如何检测复选框中的任何内容是否被选中?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37619257/

10-12 12:30
查看更多