Javascript-форум - Радиобатоны и текстовые поля

Цитата:

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

все как сейчас у вас, но вот только при загрузке первый радиобатон активный и поля показаны по умолчанию

Так челе?

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.data {
	display: none;
}
</style>
<script type="text/javascript">
$(function (){
	$('.frame input:checked').parents('.frame').children('.data').show();
	$('.radio-area > input').click(function () {
		$('.data').hide();
		$(this.parentNode).next().show();
	});
});
</script>
</head>
<body>
<div class="row">
	<span class="label">Radio1 </span>
	<div class="frame">
		<div class="radio-area">
			<input type="radio" required name="radio" value="1" id="o1" checked>
			<label for="o1">Radio 1<em>*</em></label>
		</div>
		<div class="data">
			<input type="text" required id="o1" class="text1" name="field1">
			<input type="text" required id="o2" class="text2" name="field2">
		</div>
	</div>
	<div class="frame">
		<div class="radio-area">
			<input type="radio" required name="radio" value="1" id="o2">
			<label for="o2">Radio 2<em>*</em></label>
		</div>
		<div class="data">
			<input type="text" required id="o11" class="text1" name="field11">
			<input type="text" required id="o21" class="text2" name="field21">
			<input type="text" required id="o31" class="text3" name="field31">
		</div>
	</div>
</div>
</body>
</html>