>백엔드 개발 >PHP 튜토리얼 >JS는 라디오 선택 값 예제 코드를 얻습니다.

JS는 라디오 선택 값 예제 코드를 얻습니다.

WBOY
WBOY원래의
2016-07-25 09:12:411401검색

用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으로 문의하세요.