javascript - 选择选项之一(单选)时禁用某些输入元素

Question

这里是 JQuery 新手。

我有一个大约有 16 个字段的搜索表单，其中大部分是文本框。其余的都是下拉菜单。我在这些字段下方有 3 个单选按钮。当选择第一个时，表单中的某些字段应被禁用。当选择第二个或第三个单选选项时，所有字段都应启用。我有以下代码形式 this邮政。但它仅通过名称禁用两个文本框。还有比这段代码更好的吗？

假设单选按钮名称为 option1、option2、option3。

Answer 1

$(":radio").change(function() {
    if ($(this).val() == "option1") {
        // When first button is selected, disable some fields
        $("#field1, #field2, #field3").prop('disabled', true);
    } else {
        // Otherwise enable the fields
        $("#field1, #field2, #field3").prop('disabled', false);
    }
});

只需向选择器添加更多字段即可启用和禁用所有适当的字段。

您应该在 HTML 中为它们提供一个类，而不是列出所有 ID:

<input type="text" class="disable" name="whatever"/>

然后你可以这样做:

$(".disable").prop('disabled', true);

一次性禁用所有带有 class="disable" 的字段。