СКРИПТЫ
ТЕГИ:
php (285)
js (155)
html (135)
css (109)
html tags (61)
jquery (40)
edit text (37)
php array (30)
form html (30)
fonts (27)
ruweb.net (23)
foto (22)
online (20)
atom (20)
forum (19)
svg (18)
Показать еще :
hosting (17)
board (17)
js method (16)
html book (16)
php file (16)
color (15)
php date (15)
link (15)
js events (14)
input (14)
osclass (13)
table (13)
htaccess (13)
dw block (12)
path (12)
select (12)
php img (11)
form (11)
php time (11)
jsphp (11)
icon (11)
js delete (11)
download (11)
notepad (11)
mouse (10)
img (10)
url (10)
js time (9)
info (9)
yandex (9)
dosite (7)
hover (7)
cookie (7)
comment (7)
task (7)
php url (7)
js url (6)
mysql (6)
year (6)
click (6)
list (6)
iframe (6)
browser (5)
search (5)
ftp (5)
chart (5)
adminka (5)
php get (5)
value (5)
mb (5)
week (4)
console (4)
vk (4)
bbcode (4)
symbols (4)
js form (4)
js id (4)
mounth (4)
submit (4)
reg.ru (4)
scandir (3)
line (3)
pages (3)
https (3)
js post (3)
ucoz (3)
js img (3)
padding (3)
day (3)
captcha (3)
vs code (3)
ssl (3)
second (2)
cursor (2)
tag hr (2)
money (2)
рся (2)
height (2)
js vars (2)
title (2)
counter (2)
typeof (2)
details (2)
youtube (2)
video (2)
base64 (2)
seo (2)
qr kod (2)
arrows (2)
sitemap (2)
smile (1)
google (1)
windows (1)
archive (1)
domen (1)
numbers (1)
speed (1)
books (1)
scroll (1)
header (1)
days (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
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
28.04.2022 19:20
У меня на сайте - все скрипты рабочие! Приходите…
подробнее.
Игорь :
05.04.2022 03:52
Спасибо Большое Вам за счетчик скачиваний файлов! Вы единственный, кто выложил действительно рабочий код!…
подробнее.
Марат :
03.04.2022 11:16
Вы обратились не по адресу... Предположим... что у вас есть паравоз...на дровах... И вы обращаетесь в автосервис, …
подробнее.
Good_Serpent :
03.04.2022 08:18
Шара - "расшаренная", доступная для пользователей локальной сети папка. Там происходит обмен информацией,…
подробнее.
Марат :
02.04.2022 20:29
Я даже не знаю, что таоке "шара"... Думаю, что вам нужно искать на специализированном сайте посвященной…
подробнее.
Good_Serpent :
02.04.2022 19:54
Здравствуйте! Нужен скрипт, который бы закрывал файл на шаре, если он там открыт. Не удаётся его удалить для…
подробнее.
ruweb
Страница загружена за : 0.019537 секунд. Подробнее