js获取单选按钮的值，再判断tanble显示的内容

Posted 2023-03-09

先用js获取单选的值，再判断下面要显示的table的内容，怎么做，table里面有好多内容，但是要根据单选选择的内容做不同的显示，急。。

参考技术A <div id="radios" class="radios">
<input type="radio" name="r" id="r1" value="1" /> 单选框1
<input type="radio" name="r" id="r2" value="2" /> 单选框2
<input type="radio" name="r" id="r3" value="3" /> 单选框3
</div>
<script>
var oRadios = document.getElementById('radios').getElementsByTagName('input');

for( var i = 0, len = oRadios.length; i < len; i++)
oRadios[i].onclick = function()
var value = this.value;
if( value == 1) //显示相应的内容

alert('你点了第一个');
else if( value == 2)
alert('你点了第2个');
else
alert('你点了第3个');




</script>追问

谢谢了，不过选择就两个，比如1,2 然后选择1的话就显示和1有关的table选择的2的话就显示和2有关的table 就在单选按钮的下面显示的，有一个问题，怎么在页面打开时就去判断选择的是哪个按钮呢？不能用，哎，

追答

单选框1
单选框2

table1
table1

table1
table1

table2
table2

table2
table2

var oRadios = document.getElementById('radios').getElementsByTagName('input');
for( var i = 0, len = oRadios.length; i

本回答被提问者采纳