rinald_未来往事

jquery获取radio值

WEB前端
W3School对Radio对象是这样定义的:
Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 每出现一次,一个 Radio 对象就会被创建。
单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。
当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄。
您可通过遍历表单的 elements[] 数组来访问 Radio 对象,或者通过使用 document.getElementById()。

jquery获取radio值的方法:
  1. var price = $("input[name='price']:checked").val();  //推荐  
  2. var price = $("#price:checked").val();  

jquery获取radio值 示例代码:
  1. <label>  
  2.   <input type="radio" id="price" name="price" value="$50" checked="true">  
  3.   $50  
  4. </label>  
  5.   
  6.   
  7. <label>  
  8.   <input type="radio" id="price" name="price" value="$80">  
  9.   $80  
  10. </label>  
  11.   
  12.   
  13. <label>  
  14.   <input type="radio" id="price" name="price" value="$100">  
  15.   $100  
  16. </label>  
  17.   
  18.   
  19.   
  20. <input type="button" value="echo result" onclick="subData()">  
  21.   
  22. <script src="http://code.jquery.com/jquery-1.9.0.js"></script>  
  23. <script language="JavaScript">  
  24.   function subData(){  
  25.     var price = $("input[name='price']:checked").val();  
  26.     //var price = $("#price:checked").val();  
  27.     alert(price);  
  28.   }  
  29. </script>  
原文作者:rinald
原文地址:http://fity.cn/post/445.html
互联网技术更新较快,本站很多文章具有实效性,我会及时更新原文,但转载的文章无法通知更新。为了不给读者造成困惑或误导,请您在转载时保留此出处信息,尊重别人也是尊重自己。

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。