当选择其中一个选项(单选）时，禁用某些输入元素

disable some of the input elements when one of the options (radio) is selected

本文关键字：元素 输入 选项 选择 一个 单选      更新时间：2023-09-26

JQuery新手。

我有一个大约有16个字段的搜索表单，其中大部分是文本框。其余的都是下降的。我在这些字段下面有3个单选按钮。如果选择了第一个字段，则表单中的某些字段应被禁用。当选择第2个或第3个单选选项时，应启用所有字段。我从这篇文章中得到了以下代码。但它只按名称禁用了两个文本框。还有比这个代码更好的吗？

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

$(":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);
    }
});

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

不应该列出所有的ID，而应该在HTML:中给它们一个类

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

然后你可以做：

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

以一次禁用具有CCD_ 4的所有字段。

相关文章：