jquery获取radio选中的值,javascript获取radio选中的值

如何使用Jquery获取Form表单中被选中的radio值

jquery获取被选中的radio的值方法是轮循checked属性：

完整例子如下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titleJQuery radio/title

script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" /script

script type="text/javascript" language="javascript"

/*------判断radio是否有选中，获取选中的值--------*/

$(function(){

$("#btnSubmit").click(function(){

var val=$('input:radio[name="sex"]:checked').val();

if(val==null){

alert("什么也没选中!");

return false;

}

else{

alert(val);

}

var list= $('input:radio[name="list"]:checked').val();

if(list==null){

alert("请选中一个!");

return false;

}

else{

alert(list);

}

});

});

/script

/head

body

form id="form1"

input type="radio" name="sex" value="男" /男

input type="radio" name="sex" value="女" /女

br /

input type="radio" name="list" value="十分满意" /十分满意

input type="radio" name="list" value="满意" /满意

input type="radio" name="list" value="不满意" /不满意

input type="radio" name="list" value="非常差" /非常差

br /

input type="submit" value="submit" id="btnSubmit" /

/form

/body

/html

相关问答

Q1: jquery+怎么从单选框中获得选中的值

获取单选框的值有三种方式：

1、$('input:radio:checked').val()；

2、$("input[type='radio']:checked").val();

3、$("input[name='rd']:checked").val();

Q2: jquery 获取radio文本值

没看到input 有这种写法，你可以这样，

input type="radio" name="appointmentRadio" value="1"spanaa/span

input type="radio" name="appointmentRadio" value="2"spanbb/span

选择了一个radio那么文本值就是$(":radio:checked + span").text();

Q3: 如何通过jquery获取选中按钮的radio的value值？

只要在选择器里声明一下checked就可以了

刚才回答了一个类似的问题 跟你的问题类似，代码如下：

script src=" "/script

第一组：hr

input type="radio" name="radio1" value="选择1"选择1 br

input type="radio" name="radio1" value="选择2"选择2 br

input type="radio" name="radio1" value="选择3"选择3 br

input type="radio" name="radio1" value="选择4"选择4 br

第2组：hr

input type="radio" name="radio2" value="选择1"选择1 br

input type="radio" name="radio2" value="选择2"选择2 br

input type="radio" name="radio2" value="选择3"选择3 br

input type="radio" name="radio2" value="选择4"选择4 br

button id="getval"获取选择的值/button

script type="text/javascript"

$("#getval").click(function(){

v1 = $("input[name='radio1']:checked").val();

v2 = $("input[name='radio2']:checked").val();

  console.log("第1组选择的是："+v1);

  console.log("第2组选择的是："+v2);

})  

/script

Q4: jquery怎样获取radio的value值

你好！

只是获取radio的value值，可以这样:

$("#ID").val();

//获取选中的radio的value值，可以这样:

$(":radio:checked").val();

//如果radio有多组，可以通过指定name来获取对应radio组的选中值:

$("input[name='sex']:checked").val()

希望对你有帮助！

Q5: jquery怎么获取radio的值

实例1：

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

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

实例2：

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：

获取某个radio的值的代码如下：

遍历name为testradio的所有radio代码如下：

取具体某个radio的值，比如第二个radio的值，代码如下：