网站建设如何实现两个单选按钮，选不同的选项弹出显示不同的页面内容？煜阳网络工程师现就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')"> AAA
<input name="lx" type="radio" value="2" checked onclick="switchItem('BBB')"> BBB
</li>
<div id="s1" style="display:none">
<li class="m2"><input name="pass2" type="text" class="but1" placeholder="* 安全码"></li>
<li class="m2"><input name="yxq" type="text" class="but1" placeholder="* 有效期"></li>
</div>
