靈活的運用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
發表評論
評論列表（條）