Question

JQuery新手在这里。

我有一个包含大约16个字段的搜索表单，其中大多数是文本框。其余的都是下拉菜单。我在这些领域下面有3个单选按钮。选择第一个时，应禁用表单中的某些字段。选择第2或第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"的所有字段。

当选择其中一个选项（无线电）时，禁用某些输入元素

1 个答案: