[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: checkbox c подлючением новых тестовых полей
Yochi
Как сделать чтоб при отметке чекбокса появлялись новые поля для ввода текста?

такая штука реализованна на https://ssl.molotok.ru/Register.php когда там отмечаешь чекбокс " Я хочу указать полные сведения и пройти верификацию" выходят два новых поля ИМЯ, ФАМИЛИЯ.



Спустя 1 час, 14 минут, 4 секунды (13.01.2011 - 17:36) ИНСИ написал(а):
Yochi можно так:

1. Делаем див, в него помещаем нужные поля. Затем придаем через css - display:none; И присваиваем id = 'show'
2. Ставим чекбокс и прописываем:
onClick="if(document.getElementById('show')).style.display=='none') { document.getElementById('show').style.display='block';} else { document.getElementById('show').style.display='none'; }"


как-то так ....

Спустя 19 часов, 3 минуты, 51 секунда (14.01.2011 - 12:40) Yochi написал(а):
Сделал. Поля скрылись. но при нажатии на чек бокс ничего не происходит....поля не выводятся.

<html>
<head>
<title>
Главная страница</title>
<style
type="text/css">
#show {
display:none;
}
</style>
</head>
<body>


<form
name="chkform">
<input
type="checkbox" name="c2" onClick="if(document.getElementById('show')).style.display=='none') { document.getElementById('show').style.display='block';} else { document.getElementById('show').style.display='none'; }" /> Переключатель 2
</form>

<div
id="show">
<p>
Эта надпись видна если чекбокс нажат</p>
</div>

</body>
</html>

Спустя 57 минут, 28 секунд (14.01.2011 - 13:37) Yochi написал(а):
syntax error
[Прерывать на этой ошибке] if(document.getElementById('show')).st...ntById('show').style.display='none'; } - вот что пишет фаербаг

Спустя 30 минут, 56 секунд (14.01.2011 - 14:08) Yochi написал(а):
Спасибо! Все получилось просто после show была одна лишняя скобочка. Как только сделать чтоб при снятии чекбокса дополнительные окна скрывались обратно?

А значение чек бокса заносилось в базу( выбран не выбран).

Спустя 10 часов, 19 минут, 11 секунд (15.01.2011 - 00:27) Snus написал(а):
Yochi


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script
type="text/javascript">
$(document).ready(function(){
$('#div').hide();
$('#check').click(function(){
if(this.checked){
$('#div').show();
} else {
$('#div').hide();
}
}
);
});
</script>

<input
type="checkbox" id="check">
<div
id="div">TEXT</div>

Спустя 1 час, 1 минута, 4 секунды (15.01.2011 - 01:28) ИНСИ написал(а):
Snus зачем подключать целую библиотеку, чтобы сделать такую мелочь?! :)

Yochi вот, попробуй так:
<script language="javascript">
function checkBox(inp,div) {
if(document.getElementById(inp).checked != false)
document.getElementById(div).style.display = 'block';
else
document.getElementById(div).style.display = 'none';
}
</script>


<input type="checkbox" onclick="checkBox('checkboxName','box');" id="checkboxName" />
<div
style="display: none;" id="box">Скрытый текст</div>
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.