导航

邯郸专业做网站建设公司,网页设计制作,百度优化推广

网站建设1500元全包。做完验收修改到满意为止可淘宝付款有保证!
当前位置: 邯郸网站建设 > 网页设计制作百科 > 常见问题 >

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


来源:邯郸煜阳网络公司  时间:2020-07-21 21:07    

网站建设如何实现两个单选按钮,选不同的选项弹出显示不同的页面内容?煜阳网络工程师现就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>

<div  id="s1" style="display:none">
<li class="m2"><input name="pass2" type="text" class="but1"  placeholder="*&nbsp;安全码"></li>
<li class="m2"><input name="yxq" type="text" class="but1"  placeholder="*&nbsp;有效期"></li>
</div>
 


专业网站建设15
网站制作热线:133-6303-9260
总部地址:邯郸市义乌小商品批发城15楼09号
网站建设专线:0310-3208323
微信营销专线:1336-3039260
官方网站:www.alisoho.net

煜阳科技客服QQ
邯郸煜阳科技微信公众号
微信公众号扫一扫微信号:yywlkj2017
提供您的网站制作需求
欢迎与我们洽谈网站建设业务,您也可以在下面提交您的网站制作需求
我们将竭诚为您服务!
如何称呼:
联系方式:
联系地址:
建站需求: