如何获取Web页面中radio按钮的值

div id="wrap">

<input type="radio" name="payMethod" value="1" />支付宝

<input type="radio" name="payMethod" value="2" />财务通

</div>

获取一组单选按钮对象：var obj_payPlatform = $('#wrap input[name="payMethod"]');

获取被选中按钮的值 ：var val_payPlatform = $('#wrap input[name="payMethod"]:checked ')val();

使用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、

1$('input[name="testradio"]:checked')val();

2,$('input:radio:checked')val();

3、$('input[@name="testradio"][checked]');

4、$('input[name="testradio"]')filter(':checked');

差不多挺全的了，如果我们要遍历name为testradio的所有radio呢，代码如下

$('input[name="testradio"]')each(function(){2alert(thisvalue);3});

如果要取具体某个radio的值，比如第二个radio的值，这样写

$('input[name="testradio"]:eq(1)')val()

方法/步骤

1

打开Dreamweaver8，点击“新建”→“基本页”→“HTML”，新建一空白网页文件，并将该文件另存为“indexhtml”。

2

切换至代码视图，并在代码区添加如图所示的HTML代码，该段代码的作用是制作三个单选按钮，同时绘制三个交互式按钮，

3

下载相关的脚步运行库：由于采用JQuery脚本来实现网页的动态效果，因此需要在网上搜索并下载相应的JQuery运动库，下载完成后进行解压缩，将解压后的文件拷贝到网站的根目录下（与indexhtml文件同目录）。

4

在页面中加入对JQuery库的引用。此时只需要在Head标签内添加一组Script标签，并指定JQuery库的位置，当然也可以引用远程JQuery服务器地址。

5

添加JQuery脚本控制代码，该代码的重要功能是：当点击名称为“选中的那个radio的值”时显示被选中的radio的值，点击名称为“遍历所有radio的值”时显示所有radio的值，点击名称为“取第二个radio的值”时显示第二个radio的值。

6

代码的调试：当点击名称为“选中的那个radio的值”时显示被选中的radio的值，点击名称为“取第二个radio的值”时显示第二个radio的值。

您好，radio是应该根据name分组的，$('input:radio')是所有的单项，而不是分组后的结果。按你说的“但是输出的结果就变成了一个checked的值一个no value这样循环“ 那你肯定都是2选一的题目咯，肯定啊，假如说只有一道题，$('input:radio')会得到两个结果，但是按照规则，这两个中只有一个能被选中，必然一个checked一个novalue。如果是4选1，那就会一个checked+3个novalue了。

$('divquestion')each(function(){

if($(this)find('input:checked')length > 0) {

radio_valuepush($(this)find('input:checked:first')val());

} else {

radio_valuepush("no value");

}

});

以上就是关于如何获取Web页面中radio按钮的值全部的内容，包括:如何获取Web页面中radio按钮的值、如何使用Jquery获取Form表单中被选中的radio值、如何通过Jquery获取radio的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！