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

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

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
dwweb.ru есть здесь:
Последние комментарии :
Марат :
14.03.2023 21:07
Так... это когда было то... в 2018 году... мне не нравится(не нравилось), как поиск по файлам... как-то коряво было…
подробнее.
Moubrey :
14.03.2023 20:52
Их там два можно поставить, еще и по бокам, а в них еще друге окна станут вкладками, обычный проводник и…
подробнее.
Марат :
26.02.2023 12:20
Спасибо за внимательность!
подробнее.
V :
26.02.2023 11:49
В массиве месяцев пропущен октябрь!
подробнее.
Марат :
02.02.2023 10:48
Я не знаю, что это ... Такое понятие - "определена"... я не понимаю, что такое... есть такая фигня в Js, там, бывают…
подробнее.
Артур :
02.02.2023 06:51
При копировании всего кода из 3 главы "Вывод всех файлов из папки ссылками на них", при выполнении скрипта…
подробнее.
ruweb Немного о ruweb.net!
Страница загружена за : 0.018218 секунд. Подробнее