网站建设如何实现两个单选按钮，选不同的选项弹出显示不同的页面内容

网站建设如何实现两个单选按钮，选不同的选项弹出显示不同的页面内容？煜阳网络工程师现就JS实现两个单选按钮，选不同的选项弹出显示不同的页面内容是这亲实现的。

function switchItem(tag) {

var s1 = document.getElementById('s1');

var s2 = document.getElementById('s2');

var s3 = document.getElementById('s3');

if (tag == 'AAA') {

s1.style.display = '';

s2.style.display = 'none';

s3.style.display = 'none';

} else {

s1.style.display = 'none';

s2.style.display = '';

s3.style.display = '';

}

}

本人亲自测试可用，请各位朋友放心用。

<li class="m2 xlx">
<input name="lx" type="radio" value="1" onclick="switchItem('AAA')">&nbsp;AAA &nbsp;&nbsp;&nbsp;&nbsp;
<input name="lx" type="radio" value="2" checked onclick="switchItem('BBB')">&nbsp;BBB
</li>