|
Сообщение от lon
|
|
что бы с помощью радиокнопки переключались блоки
|
Как вариант...
<!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">
#b1 {
border: 1px solid red;
}
#b2 {
display: none;
border: 1px solid green;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('.switch label').click(function(){
$('.blocks').hide();
$($(this).find('input').val()).show();
});
});
</script>
</head>
<body>
<p class='switch'>
<label>
<input type="radio" name="blocks" value="#b1" checked="checked" />
1
</label>
<label>
<input type="radio" name="blocks" value="#b2" />
2
</label>
</p>
<div id="b1" class="blocks">
<form name="form2" method="post" action="">
<fieldset>
<label>
<textarea name="p6" id="p6" cols="57" rows="1"></textarea>
</label>
</fieldset>
</form>
</div>
<div id="b2" class="blocks">
<fieldset>
<table width="313" border="0">
<tr>
<td width="180">
<ul>
<li>ааа</li>
</ul>
</td>
<td width="77"><input type="text" name="p5" id="p5" size="5"></td>
</tr>
<tr>
<td>
<ul>
<li>ббб</li>
</ul>
</td>
<td><input type="text" name="p7" id="p7" size="5"></td>
</tr>
<tr>
<td>
<ul>
<li>ввв</li>
</ul>
</td>
<td><input type="text" name="p8" id="p8" size="5"></td>
</tr>
</table>
</fieldset>
</div>
<label>
Количество:
<select name="blanks" id="blanks">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</label>
<div>
<table width="957" border="0">
<tr>
<td width="158">ФИО</td>
<td width="789"><input name="12" type="text" value="" size="35">
<input name="13" type="text" value="" size="40">
<input name="1" type="text" value="" size="40">
</td>
</tr>
<tr>
<td><p>Удостоверение личности</p></td>
<td>
<input name="14" type="text" value="" size="10">
<input name="15" type="text" value="" size="20">
</td>
</tr>
</table>
</div>
</body>
</html>