блокировка/разблокировка ввода текста на флажке отмечена/снята с отметки

Question

У меня есть checkbox и text input. Мне нужно отключить/включить поле, установив/сняв соответствующий флажок.

Меня интересует простой подход к использованию JavaScript.

Спасибо!

Answer 1

Очень простой способ для достижения этой цели является:

<input type="checkbox" id="yourBox"> 
<input type="text" id="yourText"> 
<script> 
document.getElementById('yourBox').onchange = function() { 
    document.getElementById('yourText').disabled = this.checked; 
}; 
</script> 

Каждый input[type=checkbox] элемент имеет свойство checked, которое представляет состояние флажка. Элементы ввода можно отключить, установив disabled в значение true. Сочетание этих двух свойств приводит к желаемому поведению.