ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

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

2018/06/05 Марат 504 0 JS |

Мне требуется, чтобы был чекбокс и несколько вариаций реакции на нажатие или же отключение кнопки чекбокс. Например, нажать по чекбоксу и показалось поле ввода… Такая задачка встречается периодически в 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;">

Результат:

С вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
Нажать чекбокс показать полеНажать чекбокс показатьНажать чекбокс скрыть полеотжать чекбокс показать поле

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019