Question

我有一个需要检查的复选框，以便可以提交表格。

所以我将提交按钮禁用属性设置为“已禁用”。然后我尝试将复选框绑定到它，这样它将启用/禁用提交按钮。它不起作用：

$('input[type=checkbox]#confirm').click(function() {
    if ($(this).is(':checked')) {
        $('#submitButton').removeAttr('disabled');
    } else {
        $('#submitButton').attr('disabled', 'disabled');
    }
});

提交按钮保持禁用状态。

HTML：

<form enctype="application/x-www-form-urlencoded" method="post" action="/controller/action"><dl class="zend_form">
<dd id="confirm-element">
<input type="hidden" name="confirm" value="0"><input type="checkbox" name="confirm" id="confirm" value="1" class="input-checkbox"></dd>
<dt id="confirm-label"><label for="confirm" class="required">Lorem ipsum.</label></dt>
<dt id="submitButton-label">&#160;</dt><dd id="submitButton-element">
<input type="submit" name="submitButton" id="submitButton" value="Potvrdiť" class="input-submit" disabled="disabled"></dd>

<input type="hidden" name="csrf_token" value="ed3e9347145a3eb3d58c4c21d813df26" id=""></dl></form>

Answer 1

试

$('#confirm').change(function() {
   $('#submitButton').attr('disabled', !this.checked);
});

根据下面的评论，现在这应该解决你的问题。

$('#confirm').change(function() {
   $('#submitButton').button( "option", "disabled", !this.checked );
});

Answer 2

$("#submitButton").attr("disabled", true);

Answer 3

您可以停用该按钮，但仍然只需单击该按钮，就必须从按钮unbind点击事件：

$("#submitButton").attr('disabled', 'disabled').unbind('click');

如何使用jquery禁用提交按钮？

3 个答案: