WEB前端
No Comments

jquery获取radio值

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>  

本文最后更新于 2014-03-04 00:18:09 并被添加「web前端技术 jquery radio」标签，已有 12530 位童鞋阅读过。
本文作者：未来往事
本文链接：https://felixway.cn/post/445.html
本站使用「署名 4.0 国际」创作共享协议，可自由转载、引用，但需署名作者且注明文章出处

相关文章

此处评论已关闭