jquery - 复选框已禁用和启用

Question

我希望仅在选中另一个复选框时启用（默认情况下）禁用复选框。这允许我检查新启用的复选框。问题在于表单提交，如果选中另一个复选框，则该复选框应保持启用状态。

<input type="checkbox" class="checkbox1" id="checkbox1" name="vehicle" value="Bike">I am enabled and must be clicked<br>
<input type="checkbox" class="checkbox2" id="checkbox2" name="vehicle" value="Car" disabled>I am waiting to be enabled

我正在寻找 jquery，我没有任何 jquery 代码可以显示，因为我不知道从哪里开始。

Answer 1

您可以使用更改功能查看复选框何时被选中，以及从那里启用和禁用的逻辑。

$("#checkbox1").change(function() {
    if (this.checked) {
        $("#checkbox2").prop("disabled", false);
    }
    else {
        $("#checkbox2").prop("disabled", true);
    }
});

Answer 2

如果您需要在取消选中第一个复选框后禁用第二个复选框，请使用以下命令：

$('#checkbox1').click(function () {
    $('#checkbox2').prop('disabled', !$(this).is(':checked'));
});

jsFiddle 示例

否则就用这个：

$('#checkbox1').click(function () {
    $('#checkbox2').prop('disabled', false);
});

jsFiddle 示例