|
Сообщение от 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>
