Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Невидимое поле (https://javascript.ru/forum/dom-window/32490-nevidimoe-pole.html)

BLP 18.10.2012 04:00

Невидимое поле
 
Как сделать в форме поле невидимым при открытии, чтобы потом оно стало видимым после отметки чекбокса?..

ksa 18.10.2012 08:46

Как вариант, менять у поля вот это свойство...

lord2kim 18.10.2012 08:51

BLP,
<input type="text" id="txt" style="display:none;">
<label><input type="checkbox" id="cbx" onClick="document.getElementById('txt').style.display == 'none' ? document.getElementById('txt').style.display = 'block' : document.getElementById('txt').style.display = 'none'">Показать/скрыть</label>

ksa 18.10.2012 08:53

lord2kim, ты сам свой пример запускал? :)

lord2kim 18.10.2012 08:57

ksa, да) после того как отредактил))

ksa 18.10.2012 08:58

Подправлю...

<input type="text" id="txt" style="display:none;" />
<label>
	<input type="checkbox" id="cbx" onClick="document.getElementById('txt').style.display = (this.checked) ? 'block' :  'none';" />
	Показать/скрыть
</label>

BLP 18.10.2012 09:31

Спасибо, ребята!
Я новичок в этом вопросе... прежде чем сюда написать, пытался найти ответ через поисковики... нашел, что надо использовать ЭТО display:none;
Тыкал и туды, тыкал и сюды... не получалось...
Оказалось, что ЭТО надо записать как значение для style...
style="display:none;"

Все работает как надо! Спасибо еще раз!


Часовой пояс GMT +3, время: 20:14.