代理加盟 2019全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: 秀站網 > 站長學院 > 建站教程 >

js獲取radio選項卡value值并輸出到指定div

來源:未知 發布時間:2019-03-30熱度:我要評論
靈活的運用JS能提高用戶體驗,這在網站建設中是非常重要的環節。由于接觸JS不是非常多,雖然網絡上的資源多,但同樣的效果,不同的人寫出來的都不一樣,給初學者很大的障礙,簡單粗暴的代碼才是網站開發的亮點。 下面是重慶seo九蜘蛛在開發網站注冊頁面中的運用案例。...

織夢模板免費下載,無需注冊無需充值

       靈活的運用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.alolpiu.com.cn/news/1419.html

責任編輯:秀站網

    發表評論

    評論列表(條)

      新时时彩中奖怎么查