jQuery获取选中单选按钮的值用法详解
程序员文章站
2022-03-14 15:42:57
...
本文给大家分享两段实例代码给大家讲解jquery获取选中单选按钮radio的值,非常不错,具有参考借鉴价值,一起看看吧
实例1:
<p id="wrap"> <input type="radio" name="payMethod" value="1" />男 <input type="radio" name="payMethod" value="2" />女 </p>
获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');
获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();
实例2:
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:
1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值
要想获取某个radio的值有以下的几种方法,直接给出代码:
1、
$('input[name="testradio"]:checked').val(); $('input:radio:checked').val(); $('input[@name="testradio"][checked]'); $('input[name="testradio"]').filter(':checked');
差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下
$('input[name="testradio"]').each(function(){2.alert(this.value);3.});
如果要取具体某个radio的值,比如第二个radio的值,这样写
$('input[name="testradio"]:eq(1)').val()
以上就是jQuery获取选中单选按钮的值用法详解的详细内容,更多请关注其它相关文章!
推荐阅读
-
IE8下Jquery获取select选中的值post到后台报错问题
-
Jquery遍历checkbox获取选中项value值的方法
-
详解jQuery获取特殊属性的值以及设置内容
-
如何使用Jquery获取Form表单中被选中的radio值
-
如何使用jQUery获取选中radio对应的值
-
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
-
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
-
jquery实现带单选按钮的表格行选中时高亮显示
-
mui开发中获取单选按钮、复选框的值(实例讲解)
-
用jquery获取select标签中选中的option值及文本的示例