Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择其中一个选项(收音机)时,禁用某些输入元素_Javascript_Jquery_Html_Jquery Selectors_Radio Button - Fatal编程技术网

Javascript 选择其中一个选项(收音机)时,禁用某些输入元素

Javascript 选择其中一个选项(收音机)时,禁用某些输入元素,javascript,jquery,html,jquery-selectors,radio-button,Javascript,Jquery,Html,Jquery Selectors,Radio Button,这里是JQuery新手 我有一个大约16个字段的搜索表单,其中大部分是文本框。其余的都是下拉列表。我在这些字段下面有3个单选按钮。选择第一个字段时,应禁用表单中的某些字段。选择第二或第三个单选选项时,应启用所有字段。我有以下代码表张贴。但它只禁用了两个文本框的名称。还有比这个代码更好的吗 假设单选按钮名称为option1,option2,option3 $(":radio").change(function() { if ($(this).val() == "option1") {

这里是JQuery新手

我有一个大约16个字段的搜索表单,其中大部分是文本框。其余的都是下拉列表。我在这些字段下面有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"/>

要立即使用
class=“disable”
禁用所有字段,请显示HTML的最小表示形式,以及链接答案中代码的实现,同时:在您的用例上下文中定义“better”。什么是
:radio
意思?有没有收音机点击这个页面?还有,有没有更好的方法/实践/标准来禁用很多字段,而不是像在else部分那样硬编码它们?这取决于你在做什么。是否有一些应启用哪些字段的规则?或者你可以给他们上一节课,然后用它。我想,我的广播问题有了答案。我已经更新了答案。但您从中学习jQuery的教程中肯定有使用类选择器的示例,不是吗?
$(".disable").prop('disabled', true);