署理加盟 2019全新署理方案 挣钱+省钱左右开弓,独立渠道,丰盛赢利!

您现在的方位: unibet网 > 站长学院 > 建站教程 >

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

来历:不知道 发布时刻:2019-03-30热度:我要谈论
灵敏的运用JS能进步用户体会,这在网站建设中是十分重要的环节。因为触摸JS不是十分多,尽管网络上的资源多,但相同的作用,不同的人写出来的都不相同,给初学者很大的妨碍,简略粗犷的代码才是网站开发的亮点。 下面是重庆搜索引擎优化九蜘蛛在开发网站注册页面中的运用事例。...

unibet注册unibet淘宝店开业,好礼送不断

       灵敏的运用JS能进步用户体会,这在网站建设中是十分重要的环节。因为触摸JS不是十分多,尽管网络上的资源多,但相同的作用,不同的人写出来的都不相同,给初学者很大的妨碍,“简略粗犷”的代码才是网站开发的亮点。

       下面是重庆搜索引擎优化unibet网在开发网站注册页面中的运用事例。

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

本文地址:https://www.m88nob1.com/news/1419.html

    责任编辑:unibet网

    宣布谈论

    谈论列表(条)