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 example

否则只需使用它：

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

<强> jsFiddle example

复选框已禁用并已启用

2 个答案: