Форум

g1r · #1 (**permalink**) 11.04.2010, 19:01

Ребят, подкскажите пожалуйста код скрипта, который бы при нажатии на поле формы типа checkbox, скрывал/показывал поле типа text в зависимости от состояния checkbox? (когда checkbox нажат поле ввода появляется и наоборот).

Заранее спасибо!

parzh-junior · #2 (**permalink**) 11.04.2010, 19:16

Попробуй к checkbox добавить 'onClick'

<input type=checkbox onClick="hideOrShowText()">

...и сделай скрипт (с названием hideOrShowText), который бы показывал/скрывал текст.
Я всегда делаю так. Это не очень профессионально, но всё-же, всё-же...

g1r · #3 (**permalink**) 11.04.2010, 19:27

Спасибо!

Вот мой вариант

<body>

<script type="text/javascript">

function showMe (box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById('div1').style.display = vis;
}

</script>

show/hide: <input type="checkbox" name="multi_note" value="1" onclick="showMe(this)">

<div id="div1" style="display:block; display:none;">
<input type=text>
</div>

</body>

g1r · #4 (**permalink**) 11.04.2010, 19:44

Всем спасибо! Кому нужно - пользуйтесь на здоровье!

Gozar · #5 (**permalink**) 11.04.2010, 20:05

Сообщение от g1r

Всем спасибо! Кому нужно - пользуйтесь на здоровье!

никому не нужно, для того чтобы делать так мало, не нужно так много кода.

Gozar · #6 (**permalink**) 11.04.2010, 20:08

все можно было и в onclick запихнуть

Aetae · #7 (**permalink**) 11.04.2010, 21:12

..т.е примерно так:

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

Ничего, понимание должно придти, вы по крайней мере сделали всё сам, что уже гуд.)

P.S. А ещё лучше, чтоб проблем с вёрсткой не было, использовать visibility:hidden;

Kolyaj · #8 (**permalink**) 11.04.2010, 22:17

Сообщение от Aetae

P.S. А ещё лучше, чтоб проблем с вёрсткой не было, использовать visibility:hidden;

Тут уж по ситуации, смотря что нужно.

zerojava · #9 (**permalink**) 29.05.2011, 14:51

Подскажите пожалуйста а как сделать так чтобы при снятии галочки с чекбокса значения элементов ввода не просто скрывались в невидимом <div> но и еще обнулялись или блокировались?

trikadin · #10 (**permalink**) 30.05.2011, 01:40

Это просто вариант господина Aetae, но с добавлениями. Мне кажется, это было очевидно...

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

Форум

Справочник

Discord чат

Курсы javascript