Добрый день,
Цель
Когда определенное значение, выбранное из раскрывающегося списка, ссылается на изменение или привязывается к флажку.
Пример, где я сейчас. Я бы хотел, чтобы при выборе оранжевого цвета в ящике 1 отключено и активировано 2 и 3, когда выбрано яблоко, включите окно 1 и отключите поле 2 и 3 и т.д....
Спасибо
HTML
<table>
<tr>
<td>
<input type="checkbox" name="1" id="1"/>1:</td>
<td>
<input type="checkbox" name="2" id="2"/>2:</td>
<td>
<input type="checkbox" name="3" id="3"/>3:</td>
<td>
<select id="CheckThis" name="CHeckThis" onchange="setChkSelect(this.value);">
<option value="null">--Select This--</option>
<option value="orange">orange</option>
<option value="apple">apple</option>
<option value="grappe">grappe</option>
</select>
</td>
</tr>
</table>
JAVASCRIPT
function setChkSelect (значение) {
var chk1 = document.getElementById('1')
chk1.disabled = (value == 'orange');
var chk2 = document.getElementById('2')
chk2.disabled = (value == 'apple');
chk1.disabled = (value == 'apple');
var chk3 = document.getElementById('3')
chk3.disabled = (value == 'grappe');
chk1.disabled = (value == 'grappe');
}
Этот метод будет предпочтительнее для вашего требования.
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();">
См. Рабочий пример: http://jsfiddle.net/95w59/
нет свойства с именем enabled
только disabled
. работать только с ним