Question

asp 如果单选按钮被选中后 如何动态改变同一页面内部分表格中的内容呢？

<input name="lx" type="radio" value="0" checked>1
<input type="radio" name="lx" v alue="1">2 当选择1 的时候下面表格内容不变当单击2的时候 下面表格内的数据隐藏 请问怎么实现呢？

Answer 1

<input name="lx" type="radio" value="0" id="lx1" checked onclick="show(1)">1 <input type="radio" name="lx" id="lx2" value="1" onclick="show(2)">2
<table id="tt">
<tr><td>表格内容</td></tr>
</table>

<script type="text/javascript">
<!--
function show(c){
if(c==1){
document.getElementById("tt").style.display = 'block';
}else{
document.getElementById("tt").style.display = 'none';
}
}
-->
</script>

追问

请问 如果是想反过来怎么做呢，就是这个表格初始是不显示的，在单击按钮后就显示出来呢？

追答

1 2

表格内容

Answer 2

<input type="radio" id="a1" onClick="a();" value="123">
<input type="text" id="a2" value="">
<script>
function a(){
var a1v = document.getElementById("a1").value
document.getElementById("a2").value = a1v;
}
</script>

加入onClick动作，需要JS支持一下

Answer 3

<input name="lx" type="radio" value="0" checked>1
<input type="radio" name="lx" onclick="myFunction()" value="1">2
<script>
function myFunction()
{
...
在这里写改变内容的代码
...
}
</script>