靈活的運用JS能提高用戶體驗,這在網站建設中是非常重要的環節。由于接觸JS不是非常多,雖然網絡上的資源多,但同樣的效果,不同的人寫出來的都不一樣,給初學者很大的障礙,“簡單粗暴”的代碼才是網站開發的亮點。
下面是重慶seo秀站網在開發網站注冊頁面中的運用案例。
js獲取選中單選按鈕值并賦值到指定p中
采用原生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;//輸出到指定<p id="result"></p> } } } </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 /> <p id="result"></p> </body> </html>
對應的輸出結果是:
男->aa 女->bb 人妖->cc
本文地址:http://www.yxrxyy.live/news/1419.html
發表評論
評論列表(條)