СКРИПТЫ
ТЕГИ:
php (325)
js (242)
html (146)
css (130)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (28)
fonts (26)
link (26)
Показать еще :
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
svg (18)
input (18)
hosting (18)
php date (17)
html book (16)
php time (16)
board (16)
color (15)
js url (14)
img (14)
js events (14)
js time (14)
info (13)
select (13)
osclass (13)
htaccess (13)
notepad (13)
знак (12)
php path (12)
keyboard (12)
php img (12)
download (12)
table (12)
dw block (12)
jsphp (11)
form (11)
icon (11)
yandex (10)
mouse (10)
js delete (10)
keyframes (10)
hover (9)
dosite (8)
browser (7)
cookie (7)
comment (7)
php url (7)
php get (6)
click (6)
mysql (6)
canvas (6)
list (6)
iframe (6)
js math (5)
reg.ru (5)
adminka (5)
mb (5)
heading (5)
tag a (5)
chart (5)
search (5)
ftp (5)
year (5)
js id (5)
value (5)
base64 (4)
day (4)
нок (4)
flags (4)
week (4)
xml (4)
scandir (4)
ssl (4)
bbcode (4)
php var (4)
games (4)
console (4)
js form (4)
vk (4)
pages (4)
submit (4)
month (4)
symbols (4)
task (4)
https (3)
js hash (3)
js post (3)
domen (3)
money (3)
vs code (3)
куб (3)
js img (3)
ucoz (3)
padding (3)
captcha (3)
numbers (3)
line (3)
tag hr (2)
qr kod (2)
youtube (2)
video (2)
рся (2)
sitemap (2)
counter (2)
details (2)
prompt (2)
typeof (2)
google (2)
height (2)
arrows (2)
seo (2)
js vars (2)
smile (1)
scroll (1)
speed (1)
нод (1)
archive (1)
header (1)
windows (1)
rutube (1)
jino (1)
cursor (1)

Как открыть поле после нажатия на checkbox примеры

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

Нажать кнопку checkbox показать/скрыть поле пример

  1. Скрыть поле нажав на кнопку checkbox
  2. Показать/скрыть поле при нажатии на кнопку checkbox
  3. Показать/скрыть поле при нажатии на кнопку checkbox 2 пример
  4. Еще + показать/скрыть поле при нажатии
  5. Показать пароль по нажатию checkbox

  1. Скрыть поле нажав на кнопку checkbox

    Первый пример, предположим, что у нас есть поле, которое нужно скрыть по нажатию на кнопку checkbox

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

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

    Результат:


  2. Показать/скрыть поле при нажатии на кнопку checkbox

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

    <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. Показать/скрыть поле при нажатии на кнопку checkbox 2 пример

    Но, что если вам требуется, чтобы кнопка checkbox по умолчанию была отжата!? Берем предыдущий вариант и просто убираем:

    checked="checked"

    Код в сборе:

    <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;">

    Результат:


  4. Еще + показать/скрыть поле при нажатии

    Не стал расписывать огромное количество возможных вариантов, как можно сделать onclick + еще делали пару страниц, на тему открытия закрытия различных полей, какие только существуют в природе!
    Эта страница была сделана на заре, когда я только начинал изучать js и ситуация показать поле после нажатия checkbox и сам скрипт, какзались мне тогда фантастичными, что я сам смог это написать! Сейчас конечно же это довольно забавно! []


  5. Показать пароль по нажатию checkbox

    Для того, чтобы показать пароль по нажатию на checkbox нам понадобится:

    input - выбираем type password

    <input type="password" id="password">

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

    <button id="idbutton">Измени по нажатию checkbox</button>

    Еще нам понадобится javascript :

    <script>
    idbutton.onclick = function()
    {
      if(password.type=="text")
      password.type="password";
      else
      password.type="text";
    }
    </script>

    Вы можете протестировать - "Показать пароль по нажатию checkbox"

Не благодарите, но ссылкой можете поделиться!
Временная ссылка для быстрейшей индексации : список всех квадратных корней.
Теги :
Нажать чекбокс показать поле
Нажать чекбокс показать
Нажать чекбокс скрыть поле
отжать чекбокс показать поле
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

ruweb dwweb.ru есть здесь:
Последние комментарии :
Марат :
15.08.2023 17:50
Значит в "maxv" сидит…
подробнее.
михаил :
15.08.2023 16:53
а если это сделано для диаграммы values / maxv)…
подробнее.
Марат :
17.07.2023 15:50
Спасибо за интересный вопрос! Посмотрите …
подробнее.
Александр :
17.07.2023 14:58
а как сделать чтобы при повторном клике значение value возвращалось к…
подробнее.
Марат :
30.06.2023 10:18
Спасибо за внимательность!
подробнее.
???? :
29.06.2023 15:37
Прямоугольник - это геометрическая фигура, у которой три угла…
подробнее.
Немного о ruweb.net!
Страница загружена за : 0.015711 секунд. Подробнее