• 反俄毒招!世界杯遇尴尬:假球票1万余张,涉案金额1亿美金! 2019-06-14
  • 萨拉赫,你再不上 埃及队就要回家啦 2019-06-14
  • 中外学者齐聚拉萨 首届中国西藏拉萨阿里象雄文化国际学术研讨会召开 2019-06-09
  • 一语惊坛(5月22日):精忠报国是每一个热血青年的夙愿! 2019-06-06
  • 世界是动态发展与平衡的,不会静止不变,指导社会的理论也是不断发展完善的,由相对真理向绝对真理发展接近,这话不是我臆造的,来自学的大学课本根据马克思著作编写... 2019-06-06
  • 重庆 民俗文化进校园(我们的节日·端午) 2019-06-04
  • 太阳是宇宙加油站?不明物体多次靠近“加油”,看清后屏住呼吸 2019-06-04
  • 代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

    您现在的位置: 波西亚时光ns > 站长学院 > 建站教程 >

    波西亚时光主线任务大全:js获取radio选项卡value值并输出到指定div

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

    波西亚时光ns www.1y2c.com

           灵活的运用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

    本文地址://www.1y2c.com/news/1419.html

      责任编辑:波西亚时光ns

      发表评论

      评论列表(条)

      • 反俄毒招!世界杯遇尴尬:假球票1万余张,涉案金额1亿美金! 2019-06-14
      • 萨拉赫,你再不上 埃及队就要回家啦 2019-06-14
      • 中外学者齐聚拉萨 首届中国西藏拉萨阿里象雄文化国际学术研讨会召开 2019-06-09
      • 一语惊坛(5月22日):精忠报国是每一个热血青年的夙愿! 2019-06-06
      • 世界是动态发展与平衡的,不会静止不变,指导社会的理论也是不断发展完善的,由相对真理向绝对真理发展接近,这话不是我臆造的,来自学的大学课本根据马克思著作编写... 2019-06-06
      • 重庆 民俗文化进校园(我们的节日·端午) 2019-06-04
      • 太阳是宇宙加油站?不明物体多次靠近“加油”,看清后屏住呼吸 2019-06-04
      • 更新迷你世界软件下载 篮彩足彩专区 体彩e球彩18110501斯 山东时时彩网11选5 qq飞车顶级s车排行榜a 全民突击破解版最新版本下载 上一期彩票开奖查询结果 22选5走势图体坛网 传奇霸业图片 假面战队五骑士在线观看 利物浦4-0巴萨图片 体彩最大奖历史记录 诈金花手机游戏单机版 安徽时时彩直播开奖结果 欢乐球吃球为什么不能下载了 和平精英腾讯版下载