Главная
Друзья! Пожалуйста не нервничайте! Скоро все заработает... у нас генеральная уборка...

Нажать на кнопку показать поле

Мне требуется, чтобы был чекбокс и несколько вариаций реакции на нажатие или же отключение кнопки чекбокс. Например, нажать по чекбоксу и показалось поле ввода… Такая задачка встречается периодически в javascript

Первый вариант:

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

<input type="checkbox" checked="checked"  onclick="this.nextSibling.style.display=this.checked_1?'':'none';"><input type="text">

Результат:

2.

Но как сделать, чтобы при одном нажатии поле показывалось, а при другом скрывалось?

<input type="checkbox" checked="checked" onclick="if(this.checked){this.nextSibling.style.display=''}else {this.nextSibling.style.display='none';  this.nextSibling.value='';}"><input type="text">

Результат:

3.

Но мне-то совсем не это нужно было мне нужно, чтобы чекбокс была отжата, а если нажать по чекбоксу, то окно с полем ввода input появилось. Ну, что ж немного поморщив лоб мы сделали вот такое...

<input type="checkbox"  onclick="if(this.checked){this.nextSibling.style.display=''}else {this.nextSibling.style.display='none';  this.nextSibling.value='';}"><input type="text" style="display:none;">

Результат: