灵活的运用JS能提高用户体验,这在网站建设中是非常重要的环节。由于接触JS不是非常多,虽然网络上的资源多,但同样的效果,不同的人写出来的都不一样,给初学者很大的障碍,“简单粗暴”的代码才是网站开发的亮点。
下面是重庆seo吖七在开发网站注册页面中的运用案例。
采用原生JS,不需要JS封包
<!DOCTYPE> <html> <head> <script> function checks(){ var radios=document.getElementsByName("sex"); for(var i=0;i<radios.length;i++) { if(radios[i].checked==true) { alert("输出值为:"+radios[i].value);//弹出窗口 document.getElementById("result").innerHTML=radios[i].value;//输出到指定<div id="result"></div> } } } </script> </head> <body> <input name="sex" type="radio" value="aa" onClick="checks()">男 <input name="sex" type="radio" value="bb" onClick="checks()">女 <input name="sex" type="radio" value="cc" onClick="checks()">人妖 <br /> <div id="result"></div> </body> </html>
对应的输出结果是:
男->aa 女->bb 人妖->cc
本文地址:https://www.vi586.com/web/310.html
版权声明:原创文章,版权归重庆SEO吖七所有,欢迎分享本文,支持原创,转载请保留出处