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

时间:2017-07-23 12:47:12

标签: javascript java html

我想仅通过defal4-disabl禁用onchange(defalt1enabl,defalt2enabl,defal31enabl)。

一次工作(启用/禁用)两个输入字段?

任何专家都能为我提供修改过的小提琴吗?

2 个答案:

答案 0 :(得分: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'); 
}

答案 1 :(得分:0)

请替换下面提供的代码。

适用于HTML

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

For Script

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

  });
});