如果选中任何一个复选框,我想启用该按钮。否则,如果未选中任何一项,我想禁用该按钮。
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/