javascript - JQuery:根据条款是否同意切换提交按钮

Question

我的表单中有一个带有 id terms 的复选框和一个带有 registration 类的提交按钮。我希望最初禁用提交按钮，然后每当用户打开和关闭术语复选框时打开和关闭提交按钮。我还希望在单击提交按钮时弹出一个确认对话框，如果确认，提交按钮将再次被禁用(以防止重复单击)。我已经让最后一部分和第一部分工作了(我认为)，但我不知道如何让切换工作。这是我到目前为止所拥有的:

$(document).ready(function() {

    // Disable submit button initially
    $('form.registration input[type=submit]').attr('disabled', 'disabled');

    // Toggle submit button whenever the terms are accepted or rejected
    $('#terms').change(function() {

        if($('#terms:checked').val() !== null)
            $('input[type=submit]', this).attr('disabled', '');
        else
            $('input[type=submit]', this).attr('disabled', 'disabled');

    });

    // Ask for confirmation on submit and disable submit button if ok
    $('form.registration').submit(function() {

        if(confirm('Have you looked over your registration? Is everything correct?')) {
            $('input[type=submit]', this).attr('disabled', 'disabled');
            return true;
        }

        return false;

    });

});

有人可以帮我完成这项工作吗？目前我是一个 JQuery 新手，因此也欢迎任何简化和修复。

Answer 1

这部分:

$('#terms').change(function() {
    if($('#terms:checked').val() !== null)
        $('input[type=submit]', this).attr('disabled', '');
    else
        $('input[type=submit]', this).attr('disabled', 'disabled');
});

只会在 #terms 元素(即 , this 部分)内查找提交按钮。我想这就是你想要的:

$('#terms').change(function() {
   $('input[type=submit]').attr('disabled', !$(this).is(':checked'));
});