重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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
获取单选框的值有三种方式:
1、$('input:radio:checked').val();
2、$("input[type='radio']:checked").val();
3、$("input[name='rd']:checked").val();
没看到input 有这种写法,你可以这样,
input type="radio" name="appointmentRadio" value="1"spanaa/span
input type="radio" name="appointmentRadio" value="2"spanbb/span
选择了一个radio那么文本值就是$(":radio:checked + span").text();
只要在选择器里声明一下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
你好!
只是获取radio的value值,可以这样:
$("#ID").val();
//获取选中的radio的value值,可以这样:
$(":radio:checked").val();
//如果radio有多组,可以通过指定name来获取对应radio组的选中值:
$("input[name='sex']:checked").val()
希望对你有帮助!
实例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的值,代码如下: