代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 188bet网 > 站长学院 > 建站教程 >

js获取radio选项卡value值并输出到指定div

来源:未知 发布时间:2019-03-30热度:我要评论
灵活的运用JS能提高用户体验,这在网站建设中是非常重要的环节。由于接触JS不是非常多,虽然网络上的资源多,但同样的效果,不同的人写出来的都不一样,给初学者很大的障碍,简单粗暴的代码才是网站开发的亮点。 下面是重庆seo九蜘蛛在开发网站注册页面中的运用案例。...

       灵活的运用JS能提高用户体验,这在网站建设中是非常重要的环节。由于接触JS不是非常多,虽然网络上的资源多,但同样的效果,不同的人写出来的都不一样,给初学者很大的障碍,“简单粗暴”的代码才是网站开发的亮点。

       下面是重庆seo188bet网在开发网站注册页面中的运用案例。

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.ms88kzm.com/news/1419.html

    责任编辑:188bet网