javascript va; флажок раскрывающегося значения lidation отключен

0

Добрый день,

Цель

Когда определенное значение, выбранное из раскрывающегося списка, ссылается на изменение или привязывается к флажку.

Пример, где я сейчас. Я бы хотел, чтобы при выборе оранжевого цвета в ящике 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');

}

  • 0
    Я думаю, что вы не можете номер пользователя в качестве идентификатора
Теги:
html-select

2 ответа

0
Лучший ответ

Этот метод будет предпочтительнее для вашего требования.

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/

  • 0
    Спасибо, сэр! A +
  • 0
    Не говоря! Я дополнительно изменил этот метод для случая с оранжевым. Подтверди это.
Показать ещё 1 комментарий
0

нет свойства с именем enabled

только disabled. работать только с ним

  • 0
    Я изменил часть javascript, но не ожидаемый результат, когда яблоко выбрано, только 1 флажок отключен
  • 0
    Этот ответ дал понимание, но не решил вопрос

Ещё вопросы

Сообщество Overcoder
Наверх
Меню