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

时间:2012-05-11 17:52:16

标签: jquery checkbox checked

我到处寻找,但这里没有任何建议似乎对我有用。 如果检查表单上的任何复选框(以及是否激活按钮),如何检查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>

我哪里错了? 谢谢!

2 个答案:

答案 0 :(得分:1)

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

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

DEMO: http://jsfiddle.net/yTPKL/

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

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

DEMO: http://jsfiddle.net/yTPKL/1/

答案 1 :(得分:0)

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

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

这将返回true / false。 之后你可以根据条件编写代码。