jquery获取radio值(单选组radio)


Posted in Javascript onOctober 16, 2014

单选组radio: $("input[@type=radio][@checked]").val();

单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

获取一组radio被选中项的值

var item = $('input[@name=items][@checked]').val();

radio单选组的第二个元素为当前选中值

$('input[@name=items]').get(1).checked = true

单选组 radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

jquery老的版本

var_name = $("input[@name='radio_name']:checked").val();

jquery 1.3以后的版本

var_name = $("input[name='radio_name']:checked").val();

看个获取radio值的jquery实例

function getra(){

var_name = $("input[name='isspecialcnt']:checked").val();
//alert(var_name);
if(var_name=='1'){
$("#isspecialcntyes").show();
$("#isspecialcntno").hide();
}
if(var_name=='0'){
$("#isspecialcntyes").hide();
(3water.com) $("#isspecialcntno").show();
}
}

<form name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_0">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_1">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_2">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_3">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_4">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_5">
单选</label>
<br>
</p>
</form>
Javascript 相关文章推荐
两种简单实现菜单高亮显示的JS类代码
Jun 27 Javascript
JS中的public和private对象,即static修饰符
Jan 18 Javascript
javascript打印大全(打印页面设置/打印预览代码)
Mar 29 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
理解JavaScript原型链
Oct 25 Javascript
简单实现js浮动框
Dec 13 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
Dec 26 Javascript
nvm、nrm、npm 安装和使用详解(小结)
Jan 17 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
JS变量提升原理与用法实例浅析
May 22 Javascript
使用Canvas绘制一个游戏人物属性图
Mar 25 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 #Javascript
Javascript中的关键字和保留字整理
Oct 16 #Javascript
javascript复制粘贴与clipboardData的使用
Oct 16 #Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
Oct 16 #Javascript
jquery获取radio值实例
Oct 16 #Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 #Javascript
javascript实现复制与粘贴操作实例
Oct 16 #Javascript
You might like
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
phpstorm配置Xdebug进行调试PHP教程
2014/12/01 PHP
PHP中localeconv()函数的用法
2019/03/26 PHP
javascript模拟评分控件实现方法
2015/05/13 Javascript
javascript每日必学之封装
2016/02/23 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
JavaScript 实现的checkbox经典实例分享
2016/10/16 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
详解微信UnionID作用
2019/05/15 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
vue+element实现动态加载表单
2020/12/13 Vue.js
使用Mock.js生成前端测试数据
2020/12/13 Javascript
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
[06:25]DOTA2英雄梦之声_第17期_大地之灵
2014/06/20 DOTA
[03:02]安得倚天剑,跨海斩长鲸——中国军团出征DOTA2国际邀请赛
2018/08/14 DOTA
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
详解Python的Twisted框架中reactor事件管理器的用法
2016/05/25 Python
Python简单删除列表中相同元素的方法示例
2017/06/12 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
Python对接支付宝支付自实现功能
2019/10/10 Python
Python创建数字列表的示例
2019/11/28 Python
Python使用type动态创建类操作示例
2020/02/29 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
办公室文秘自我鉴定
2013/09/21 职场文书
打架检讨书100字
2014/01/19 职场文书
廉洁教育学习材料
2014/05/19 职场文书
选秀节目策划方案
2014/06/06 职场文书
2014年房地产个人工作总结
2014/12/20 职场文书
父亲节寄语大全
2015/02/27 职场文书
导师鉴定意见
2015/06/05 职场文书
如何书写授权委托书?
2019/06/25 职场文书
Qt自定义Plot实现曲线绘制的详细过程
2021/11/02 Python
php将xml转化对象的实例详解
2021/11/17 PHP