如何一次处理多个输入字段答案

【问题标题】：How to work multi input fields at once如何一次处理多个输入字段
【发布时间】：2017-07-23 12:47:12
【问题描述】：

我想只通过 defal4-disabl 禁用 onchange，除了 (defalt1enabl,defalt2enabl,defal31enabl)。

并同时工作（启用/禁用）两个输入字段？

任何专家可以提供我修改过的 Fiddle 吗？

【问题讨论】：

小提琴：fiddle.jshell.net/rbwtq/346
请改写您的问题。太可怕了
使用class 而不是复制ID。 ID 应该是唯一的。
您好，感谢您的回复。我想通过单击“defal4-disabl”快照禁用 2 个输入字段：s20.postimg.org/8livbmtyl/screenshot_208.png
也许我们可以使用不同的id？如果是，那么如何在javascript中使用不同的ID。我试过了:(

标签： javascript java html

【解决方案1】：

这是你更新后的小提琴：http://fiddle.jshell.net/rbwtq/348/

这个 HTML：

<input name="test" type="text" id="disabled_input"/>
<br /><br />
<input name="test" type="text" id="disabled_input"/>

改为：

<input name="test" type="text" class="disabled_input"/>
<br /><br />
<input name="test" type="text" class="disabled_input"/>

还有这个 JavaScript：

var defalt1enabl = $(this).val();
if(defalt1enabl == "defalt1enabl"){           
  $('#disabled_input').removeAttr('disabled');          
}
else{
  $('#disabled_input').attr('disabled','disabled'); 
}

改成这样：

var selectedOption = $(this).val();
if(selectedOption == "defalt4-disabl"){     
  $('.disabled_input').attr('disabled','disabled');
}
else{
 $('.disabled_input').removeAttr('disabled'); 
}

【讨论】：

太好了，它现在可以工作了:) 会检查一件事，我已经发送了不同的课程。如何与不同的班级合作。 fiddle.jshell.net/rbwtq/350
检查这个：fiddle.jshell.net/rbwtq/354 对于不同的类，你需要在两个类上调用相同的函数。同样，您也可以使用不同的 id。
谢谢了解。正如我所看到的，我的 2 个输入字段具有不同的选择名称，因此选择名称为设施和非设施，如何定义两个选择名称？
我的代码是这样的。 fiddle.jshell.net/rbwtq/366 摆弄工作文件，但在我的 html 页面中无法正常工作..
很好。 ?

【解决方案2】：

请按照下面提供的方式替换您的代码。

对于 HTML：

<input name="test" type="text" class="disabled_input"/> <br /><br /> <input name="test" type="text" class="disabled_input"/>

对于脚本：

$(document).ready(function() {
$('.disabled_input').attr('enabled','enabled');        
$('select[name="facility"]').on('change',function(){
var  defalt1enabl = $(this).val();
    if(defalt1enabl == "defalt1enabl"){           
    $('.disabled_input').removeAttr('disabled');          
     }

     else{
     $('.disabled_input').attr('disabled','disabled'); 
    }  

  });
});

【讨论】：