当前位置:Gxlcms > PHP教程 > JS获取radio选中值实例代码

JS获取radio选中值实例代码

时间:2021-07-01 10:21:17 帮助过:19人阅读

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

例子,

  1. text
  2. 不做选择获取radio的值

  3. 美元
  4. 日元
  5. 欧元

原生JS方式:(原生DOM操作会把文本也当做一个节点,所以会有nextSibling)

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

jQuery方式获取radio值。

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

  2. 美元

  3. 日元
  4. 欧元

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

  1. function radioValue(){

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

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

  11. alert(radValue);
  12. }else{
  13. alert("请选择");
  14. }

  15. }

人气教程排行