如果在jquery中未选中复选框，则禁用提交按钮

我已经在这里查看并尝试了所有可用的答案，但它仍然不适用于我。如果未选中复选框，我将尝试禁用“提交”按钮。以下是我的jquery：

var userTerms = $('input#agree');
     if(userTerms.is(':checked')) {
        $("#aggtxt").addClass("err");
        $("#aggtxt").removeClass("error");
        $("#aggtxt").text(" Agreed");
        $("#bookit").attr('disabled', false);
        }else{
        $("#aggtxt").removeClass("err");
        $("#aggtxt").addClass("error");
        $("#aggtxt").text(" Please check terms and conditions box");
        $("#bookit").attr('disabled', true);
        }

         if ($('#bookit').is(':disabled') == true) { 
            $("#booktxt").removeClass("err");
            $("#booktxt").addClass("error");
            $("#booktxt").text(" Before you can submit this form please check the errors in form marked in red.");
            }else{
                $("#booktxt").addClass("err");
                $("#booktxt").removeClass("error");
                $("#booktxt").text(" Your information looks good, continue to booking...");
                }   
});

以及我的HTML表单的一部分：

<p><span id="aggtxt"></span><br /><input type="checkbox" name="agree" id="agree" />  I agree to <a href="http://travel.ian.com/index.jsp?pageName=userAgreement&locale=en_US&cid=379849" target="_blank">Terms and Conditions</a> and understand Cancellation Policy.<p>
<span id="booktxt"></span>
<input type="submit" name="bookit" value="" class="bookit" id="bookit" />

试试这个：

$("#bookit").attr('disabled', 'disabled');

if($('#agree').val() == 'true')

我试过这个：

<input type="checkbox" name="agree" id="agree" onclick="$('#bookit').attr('disabled', !$(this).is(':checked'));" />
    I agree to <a href="http://travel.ian.com/index.jsp?pageName=userAgreement&locale=en_US&cid=379849" target="_blank">Terms and Conditions</a> and understand Cancellation Policy.<p>

如果您取消选中复选框，它将禁用该按钮。

尝试以下操作：

$("#bookit").attr('disabled', 'disabled');

if($('#agree').val() == 'true')

我试过这个：

<input type="checkbox" name="agree" id="agree" onclick="$('#bookit').attr('disabled', !$(this).is(':checked'));" />
    I agree to <a href="http://travel.ian.com/index.jsp?pageName=userAgreement&locale=en_US&cid=379849" target="_blank">Terms and Conditions</a> and understand Cancellation Policy.<p>

如果您取消选中复选框，它将禁用该按钮。

尝试以下操作：

$("#bookit").attr('disabled', 'disabled');

if($('#agree').val() == 'true')

关于jQuery的更多信息

更正：

is'：checked'方法仅在选中收音机/复选框时返回。

尝试以下操作：

$("#bookit").attr('disabled', 'disabled');

if($('#agree').val() == 'true')

关于jQuery的更多信息

更正：

is'：checked'方法仅在选中收音机/复选框时返回。

我对此的看法：

希望这有助于： 帕兹。

我对这件事的看法：

希望这有助于：

---

Paz.

新的热度$el.prop'disabled'，trueDisabled按钮代码工作正常，因为我还有表单的其他部分。。只有当我选中复选框时才失败。新的热度$el.prop'disabled'，trueDisabled按钮代码工作正常，因为我还有表单的其他部分。。只有当我检查复选框是否被选中时才失败。@liveandream我现在更正了它，您应该测试复选框是否被选中。@liveandream我现在更正了它，你应该测试复选框是否被选中。你没有使用Var在你的脚本中声明变量这是正确的你没有使用Var在你的脚本中声明变量这是正确的