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

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

2018/06/05 Марат 523 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;">

Результат:

Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:
Нажать чекбокс показать полеНажать чекбокс показатьНажать чекбокс скрыть полеотжать чекбокс показать поле

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019