靈活的運(yùn)用JS能提高用戶(hù)體驗(yàn)，這在網(wǎng)站建設(shè)中是非常重要的環(huán)節(jié)。由于接觸JS不是非常多，雖然網(wǎng)絡(luò)上的資源多，但同樣的效果，不同的人寫(xiě)出來(lái)的都不一樣，給初學(xué)者很大的障礙，“簡(jiǎn)單粗暴”的代碼才是網(wǎng)站開(kāi)發(fā)的亮點(diǎn)。
下面是重慶seo秀站網(wǎng)在開(kāi)發(fā)網(wǎng)站注冊(cè)頁(yè)面中的運(yùn)用案例。
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>
對(duì)應(yīng)的輸出結(jié)果是：
男->aa 女->bb 人妖->cc
