网页制作,点击radio 1时让隐藏的内容显示出来,点击radio 2时隐藏。两个都不点也是隐藏。
<tableborder="0"width="100%"cellspacing="0"cellpadding="0"><tr><td>选择</td><td><inputt...
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td> 选择</td>
<td> <input type="radio" name=a>1
<input type="radio" name=a>2</td>
</tr>
<tr>
<td> 显示</td>
<td>
<select>
<option value="">11111</option>
</select>
</td>
</td>
</tr>
</table>
发错了,少了个代码。
<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td> 选择</td>
<td> <input type="radio" name=a>a
<input type="radio" name=a>b</td>
</tr>
<tr style="display:none">
<td > 显示</td>
<td>
<select>
<option value="">11111</option>
</select>
</td>
</td>
</tr>
</table> 展开
<tr>
<td> 选择</td>
<td> <input type="radio" name=a>1
<input type="radio" name=a>2</td>
</tr>
<tr>
<td> 显示</td>
<td>
<select>
<option value="">11111</option>
</select>
</td>
</td>
</tr>
</table>
发错了,少了个代码。
<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td> 选择</td>
<td> <input type="radio" name=a>a
<input type="radio" name=a>b</td>
</tr>
<tr style="display:none">
<td > 显示</td>
<td>
<select>
<option value="">11111</option>
</select>
</td>
</td>
</tr>
</table> 展开
展开全部
<script>
function test(str){
if(str == 1){
document.getElementById("tt").style.display = "block";
} else {
document.getElementById("tt").style.display = "none";
}
}
</script>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td> 选择</td>
<td> <input type="radio" name=a onclick="test(1);">a
<input type="radio" name=a onclick="test(0);">b</td>
</tr>
<tr style="display:none" id="tt">
<td > 显示</td>
<td>
<select>
<option value="">11111</option>
</select>
</td>
</td>
</tr>
</table>
根据你的代码作的改动
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询