javascript-va；lidation下拉列表值复选框已禁用

你好

目标

当从下拉列表中选择特定值时，请从复选框更改属性或属性

我现在的例子。我想当橙色被选中时，框1被禁用，框2和3被启用，当苹果被选中时，框1被启用，框2和3被禁用，等等

多谢各位

HTML

---

}没有名为

的属性已启用

---

仅禁用了

。仅使用它

此方法更适合您的要求

function setChkSelect(){
   var ddl = document.getElementById('CheckThis');
   var selectedValue = ddl.options[ddl.selectedIndex].value;

   var chk1 = document.getElementById('1');
   var chk2 = document.getElementById('2');
   var chk3 = document.getElementById('3');

   if(selectedValue == 'orange'){
      chk1.disabled = true;
      chk2.disabled = false;
      chk3.disabled = false;
   }else if(selectedValue == 'apple'){
      chk1.disabled = false;
      chk2.disabled = true;
      chk3.disabled = true;
   }else if(selectedValue == 'grappe'){
      chk1.disabled = true;
      chk2.disabled = false;
      chk3.disabled = true;
   }else{
      chk1.disabled = false;
      chk2.disabled = false;
      chk3.disabled = false;
   }
}

将此方法称为：

<select id="CheckThis" name="CHeckThis" onChange="setChkSelect();">

---

参见工作示例：

我修改了javascript部分，但不是我预期的结果，当选择apple时，只有1个复选框被禁用。该答案确实提供了理解，但没有解决问题。我认为您不能将用户编号作为一个ID提出来！对于橙色的情况，我进一步修改了这个方法。确认一下。

function setChkSelect(){
   var ddl = document.getElementById('CheckThis');
   var selectedValue = ddl.options[ddl.selectedIndex].value;

   var chk1 = document.getElementById('1');
   var chk2 = document.getElementById('2');
   var chk3 = document.getElementById('3');

   if(selectedValue == 'orange'){
      chk1.disabled = true;
      chk2.disabled = false;
      chk3.disabled = false;
   }else if(selectedValue == 'apple'){
      chk1.disabled = false;
      chk2.disabled = true;
      chk3.disabled = true;
   }else if(selectedValue == 'grappe'){
      chk1.disabled = true;
      chk2.disabled = false;
      chk3.disabled = true;
   }else{
      chk1.disabled = false;
      chk2.disabled = false;
      chk3.disabled = false;
   }
}

<select id="CheckThis" name="CHeckThis" onChange="setChkSelect();">