jquery - 如何检查是否选中了表单的任何复选框以及如何判断是否未选中

Question

我到处找，但这里的建议似乎都不适合我。如果选中了表单上的任何复选框（以及是否激活按钮），我如何使用 Jquery 检查，如果没有选中任何复选框，我如何停用按钮？到目前为止，我有这个：

<script type="text/javascript">
//form-1

if ($('#form-1 input=[type="checkbox"]:checked').length > 0) {
$('#form-1 a.green-btn').removeClass('inactive');
} else {
$('#form-1 a.green-btn').addClass('inactive');
}

</script>

我哪里错了？谢谢！

Answer 1

您在 JQuery 选择器中遇到问题（应该是input[type="checkbox"]）。但是，您的代码可以在短时间内重写：

$("#form-1 a.green-btn").toggleClass("inactive", !$("#form-1 :checkbox:checked").length);

演示：http: //jsfiddle.net/yTPKL/

更新。您还可以在复选框的 onchange事件中检查复选框的状态：

$("#form-1 :checkbox").on("change", function() {
    $("#form-1 a.green-btn").toggleClass("inactive", !$("#form-1 :checkbox:checked").length);
});

演示：http: //jsfiddle.net/yTPKL/1/

Answer 2

您可以通过以下方式检查您的复选框是否被选中

var check=$('<checkbox-element>').attr('checked');

这将返回真/假。之后您可以根据条件编写代码。