Активировать input нажатием на checkbox (jQuery)


Включить / отключить input (текстовое поле, кнопку) при нажатии на checkbox скриптом
с использованием jQuery. По умолчанию input заблокирован (disabled) и разблокируется после нажатия на checkbox (установив флажок).
Пример: активация input нажатием на checkbox
Для работы скрипта скачайте / подключите библиотеку jQuery:
<script src="js/jquery-1.12.4.min.js"></script>
В исходнике страницы между тегами <head> </head> вставьте скрипт:
1
2
3
4
5
6
7
8
<script>
$(document).ready(function(){
$('
#pole1').prop('disabled', true);
$('
#checkbox1').change(function() {
$('
#pole1').prop('disabled', function(i, val) {
return !val;
}) }); })
</script>
В 3-й / 5-й строке: pole1 - это id поля input (замените его, на id вашего поля).
В 4-й строке скрипта: checkbox1 - это id чекбокса (замените его, на ваш id).
В теге поля (input) прописать атрибут disabled. Данный атрибут будет отменён скриптом, когда пользователь нажмёт на checkbox (установит флажок).
Пример HTML-кода для input и checkbox:
<input id="pole1" name="Текст" value="" disabled placeholder="Введите текст">
<input type="checkbox"
id="checkbox1" value="on">
Также можно активировать кнопку (submit) при нажатии на checkbox, заменив в коде скрипта (3-я / 5-я строка) id «pole1» на ваш id кнопки отправки формы.
Скачать исходник .wbs (версия 12.3.0)