首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  后端开发 > php教程

JS获取radio选中值实例代码

原创
2016-07-25 09:12:41 1027浏览

用js获取radio选中后的值，这在提交页面经常会使用到的，同时介绍了不选择也能获取radio的值的方法。

例子，

  6. text
  11. 一;
  12. 二;
  13. 三;
  14. 四;
  15. 五;

  20. 不做选择获取radio的值

  21. 美元
  22. 日元
  23. 欧元

复制代码

原生JS方式：（原生DOM操作会把文本也当做一个节点，所以会有nextSibling）

  2. var 美元 = document.getElementsByName("money")[0].nextSibling.nodeValue;
  3. var 日元 = document.getElementsByName("money")[1].nextSibling.nodeValue;
  4. var 欧元 = document.getElementsByName("money")[2].nextSibling.nodeValue;
复制代码

jQuery方式获取radio值。

  3. $('input[name="money"]:checked').next('span').html();

  4. 美元

  5. 日元
  6. 欧元

复制代码

以下要选择的，仅判断有无选择。

  3. function radioValue(){

  4. var radArr = document.getElementsByName("radiov");
  5. var radValue = "";
  6. //alert(radArr.length);
  7. for(var i=0; i//alert(radArr[i].checked+" "+radArr[i].name + " "+ radArr[i].value);
  8. if(radArr[i].checked){
  9. radValue = radArr[i].value;
  10. }
  11. }

  12. if(radValue != null && radValue != ""){

  13. alert(radValue);
  14. }else{
  15. alert("请选择");
  16. }

  17. }

复制代码


JS获取radio选中值实例代码PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：PHP实现发布于几分钟/几小时/几天/几个月前等精确时间 下一条：使用PyPy技术实现PHP语言：HippyVM

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！