首頁 >後端開發 >php教程 >JS取得radio選取值實例碼

JS取得radio選取值實例碼

WBOY
WBOY原創
2016-07-25 09:12:411402瀏覽

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

例子,

  1. text
  2. <script> </li> <li>var chk = 0; </li> <li>window.onload=function (){ </li> <li>var chkObjs = document.getElementsByName("radio"); </li> <li>for(var i=0;i<chkObjs.length;i++){ <li>if(chkObjs[i].checked){ <li>chk = i; <li>break; <li>} <li>} <li>} <li>function check_radio(){ <li>var chkObjs = document.getElementsByName("radio"); <li>for(var i=0;i<chkObjs.length;i++){ <li>if(chkObjs[i].checked){ <li>if(chk == i){ <li>alert("radio值没有改变不能提交"); <li>break; <li>} <li>} <li>} <li>} <li></script>
  3. 一;
  4. 二;
  5. 三;
  6. 四;
  7. 五;

  8. 不做选择获取radio的值

  9. 美元
  10. 日元
  11. 欧元

复制代码

原生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
  6. //alert(radArr[i].checked+" "+radArr[i].name + " "+ radArr[i].value);
  7. if(radArr[i].checked){
  8. radValue = radArr[i].value;
  9. }
  10. }

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

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

  16. }

复制代码


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn