jquery获取radio值实例


Posted in Javascript onOctober 16, 2014

本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考。具体如下:

单选组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

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();

$("#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程序设计有所帮助。

Javascript 相关文章推荐
js继承 Base类的源码解析
Dec 30 Javascript
原生js实现半透明遮罩层效果具体代码
Jun 06 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
JavaScript类型系统之Object详解
Jan 07 Javascript
jquery attr()设置和获取属性值实例教程
Sep 25 Javascript
javascript创建对象的3种方法
Nov 02 Javascript
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
Layui多选只有最后一个值的解决方法
Sep 02 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
Nov 16 Javascript
Vue.extend 登录注册模态框的实现
Dec 29 Vue.js
three.js 实现露珠滴落动画效果的示例代码
Mar 01 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 #Javascript
javascript实现复制与粘贴操作实例
Oct 16 #Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
Oct 16 #Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 #Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 #Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 #Javascript
JavaScript中的6种运算符总结
Oct 16 #Javascript
You might like
PHP callback函数使用方法和注意事项
2015/01/23 PHP
php给图片添加文字水印方法汇总
2015/08/27 PHP
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2012/07/21 Javascript
JSON语法五大要素图文介绍
2012/12/04 Javascript
js过滤HTML标签以及空格的思路及代码
2013/05/24 Javascript
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
Javascript中的作用域和上下文深入理解
2015/07/03 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
2015/08/15 Javascript
动态加载js文件简单示例
2016/04/21 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
2016/07/22 Javascript
js实现右键菜单功能
2016/11/28 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
深入浅析ImageMagick命令执行漏洞
2016/10/11 Python
python Matplotlib画图之调整字体大小的示例
2017/11/20 Python
Django csrf 验证问题的实现
2018/10/09 Python
关于python下cv.waitKey无响应的原因及解决方法
2019/01/10 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
检测浏览器对HTML5和CSS3支持度的方法
2015/06/25 HTML / CSS
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
The Outnet亚太地区:折扣设计师时装店
2019/12/05 全球购物
介绍一下linux文件系统分配策略
2012/11/17 面试题
班长岗位职责
2013/11/10 职场文书
机械专业毕业生推荐信范文
2013/11/25 职场文书
行政文秘岗位职责范本
2014/02/10 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
生物制药专业求职信
2014/03/11 职场文书
赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
先进党组织事迹材料
2014/12/26 职场文书
单位工作证明范本
2015/06/15 职场文书