Как сделать дизейбл?

Question

[Евгений]

Есть код

<label class="checkbox-inline">
						<input type="checkbox" id="certificate" value="true"> Да
					</label>
					
					<label class="input_text" for="number_certificate">Номер сертификата</label>
				    <input name="number_certificate" type="text" class="form-control input_text" id="number_certificate" placeholder="Номер сертификата">

Подскажите, как сделать так, чтобы пока не выбрать чекбокс второе дизейбл?

Answer 1

[Stalker_RED]

Добавляете обработчик события change на чекбокс, в котором меняете значение атрибута disabled в зависимости от состояния чекбокса.

var myCheckbox = document.querySelector('#certificate')
var myInput = document.querySelector('#number_certificate')

myCheckbox.addEventListener('change', function(){
  myInput.disabled = !myCheckbox.checked
})

https://jsfiddle.net/jvo4fff9/