Показать\скрыть два разных DIV - JavaScript, Ajax

kutt · 05.03.2011, 13:20

Всем привет!Подскажите пожалуйста как сделать следующую штуку:

имеется две радио кнопки

необходимо чтобы пользователь выбрал первую кнопку и снизу появилась скрытая до этого форма,
затем если выбрал вторую то первая бы исчезала и на ее месте появлялась другая форма, но по умолчанию при открытии страницы если первая выбрана то форма должна отображатся.

1 кнопка юр лица
2 кнопка физ лица

nec117 · 05.03.2011, 15:15

При открытии страницы отображайте форму выбранного чек бокса по умолчанию. У чекбоксов есть событие checked. По нему через js делаете условие и если 1 то

Код:

document.getElementById("тут айдишник нужной формы которую показывать").style.display = "block";
document.getElementById("тут айдишник нужной формы которую скрывать").style.display = "none";

ну и по аналогии если условие ложно то наоборот

kutt · 06.03.2011, 10:53

СПасибо огромное за ответ, а можно поподробнее, у меня как раз загвозка в составлении функций.

kutt · 06.03.2011, 11:07

Вот что получилось но чтото немогу пока понять, неработает:

<script type="text/javascript">
function foo("show") {
if($('input:radio').is(':checked'))
{document.getElementById("block1"). style.display = "block"}
{document.getElementById("block2"). style.display = "none"}
else
{document.getElementById("block1"). style.display = "none"}
{document.getElementById("block2"). style.display = "block"}
}
</script>

<p>
<input checked="checked" name="" type="radio" />  Физическое лицо</p>
<p>
<input name="" type="radio" />  Юридическое лицо</p>

<div id="block1" style="display: none;">Тут инфа для физ лица</div>
<div id="block2" style="display: none;">Тут инфа для юрлица</div>

russian-stalker · 06.03.2011, 11:43

Я бы сделал так:

Код:

<html>
<head>
<script>
	function checkb()
	{
		document.getElementById('div1').style.display = document.getElementById('radbox1').checked?'block':'none';
		document.getElementById('div2').style.display = document.getElementById('radbox2').checked?'block':'none';
	}
</script>
</head>
<body onload="checkb();">
	<input onclick="checkb();" checked="checked" id="radbox1" name="radbox" type="radio" />&nbsp; Физическое лицо</p>
	<input onclick="checkb();" id="radbox2" name="radbox" type="radio" />&nbsp; Юридическое лицо</p>
	
	<div id="div1" style="display:none;">qwe</div>
	<div id="div2" style="display:none;">qwe</div>
</body>

</html>

kutt · 06.03.2011, 12:33

Цитата:

Сообщение от russian-stalker

Я бы сделал так:

Код:

<html>
<head>
<script>
	function checkb()
	{
		document.getElementById('div1').style.display = document.getElementById('radbox1').checked?'block':'none';
		document.getElementById('div2').style.display = document.getElementById('radbox2').checked?'block':'none';
	}
</script>
</head>
<body onload="checkb();">
	<input onclick="checkb();" checked="checked" id="radbox1" name="radbox" type="radio" />&nbsp; Физическое лицо</p>
	<input onclick="checkb();" id="radbox2" name="radbox" type="radio" />&nbsp; Юридическое лицо</p>
	
	<div id="div1" style="display:none;">qwe</div>
	<div id="div2" style="display:none;">qwe</div>
</body>

</html>

Отлично! Спасибо огромное, то что нужно!

05.03.2011, 13:20	#1
kutt Пользователь Регистрация: 24.05.2008 Сообщений: 31	Показать\скрыть два разных DIV Всем привет!Подскажите пожалуйста как сделать следующую штуку: имеется две радио кнопки необходимо чтобы пользователь выбрал первую кнопку и снизу появилась скрытая до этого форма, затем если выбрал вторую то первая бы исчезала и на ее месте появлялась другая форма, но по умолчанию при открытии страницы если первая выбрана то форма должна отображатся. 1 кнопка юр лица 2 кнопка физ лица

05.03.2011, 15:15	#2
nec117 Форумчанин Регистрация: 01.10.2008 Сообщений: 266	При открытии страницы отображайте форму выбранного чек бокса по умолчанию. У чекбоксов есть событие checked. По нему через js делаете условие и если 1 то Код: `document.getElementById("тут айдишник нужной формы которую показывать").style.display = "block"; document.getElementById("тут айдишник нужной формы которую скрывать").style.display = "none";` ну и по аналогии если условие ложно то наоборот Последний раз редактировалось nec117; 05.03.2011 в 15:17.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Показать/скрыть edit`ы	Rapala	Общие вопросы Delphi	3	11.05.2010 09:20
Edit Показать/Скрыть пароль.. String и Char проблемы..	Человек_Борща	Общие вопросы Delphi	2	10.04.2010 22:32
Показать\Скрыть чужое окно с меняющимся заголовком	Vol666	Общие вопросы Delphi	17	23.09.2009 17:08
как скрыть/показать TMainMenu	blackstersl	Общие вопросы Delphi	3	13.06.2009 18:12
Показать и скрыть фигуры	Иванов_ДМ	Microsoft Office Excel	5	28.04.2009 16:49

06.03.2011, 10:53	#3
kutt Пользователь Регистрация: 24.05.2008 Сообщений: 31	СПасибо огромное за ответ, а можно поподробнее, у меня как раз загвозка в составлении функций.

06.03.2011, 11:07	#4
kutt Пользователь Регистрация: 24.05.2008 Сообщений: 31	Вот что получилось но чтото немогу пока понять, неработает: <script type="text/javascript"> function foo("show") { if($('input:radio').is(':checked')) {document.getElementById("block1"). style.display = "block"} {document.getElementById("block2"). style.display = "none"} else {document.getElementById("block1"). style.display = "none"} {document.getElementById("block2"). style.display = "block"} } </script> <p> <input checked="checked" name="" type="radio" />  Физическое лицо</p> <p> <input name="" type="radio" />  Юридическое лицо</p> <div id="block1" style="display: none;">Тут инфа для физ лица</div> <div id="block2" style="display: none;">Тут инфа для юрлица</div>