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 相关文章推荐
字符串的replace方法应用浅析
Dec 06 Javascript
jQuery实现可拖动的浮动层完整代码
May 27 Javascript
javaScript NameSpace 简单说明介绍
Jul 18 Javascript
通过js获取div的background-image属性
Oct 15 Javascript
javascript复制粘贴与clipboardData的使用
Oct 16 Javascript
全面理解闭包机制
Jul 11 Javascript
BootStrap实现带关闭按钮功能
Feb 15 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
Jul 28 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
Dec 20 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
Sep 27 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
Linux下将excel数据导入到mssql数据库中的方法
2010/02/08 PHP
深入理解PHP原理之异常机制
2010/08/21 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
JavaScript实现在标题栏上显示当前日期的方法
2015/03/19 Javascript
js判断是否为空和typeof的用法(详解)
2016/10/07 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
js实现表格筛选功能
2017/01/18 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
vue-cli+webpack项目 修改项目名称的方法
2018/02/28 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
2018/10/08 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
2020/05/19 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
vue实现单一筛选、删除筛选条件
2020/10/26 Javascript
[01:34]2014DOTA2展望TI 剑指西雅图VG战队专访
2014/06/30 DOTA
Python中列表、字典、元组数据结构的简单学习笔记
2016/03/20 Python
python字符串,数值计算
2016/10/05 Python
Python数据结构之翻转链表
2017/02/25 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
Python 判断奇数偶数的方法
2018/12/20 Python
python3实现点餐系统
2019/01/24 Python
解决python3.5 正常安装 却不能直接使用Tkinter包的问题
2019/02/22 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
怎样实现H5+CSS3手指滑动切换图片的示例代码
2019/05/05 HTML / CSS
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
桥梁与隧道工程专业本科生求职信
2013/10/08 职场文书
怎么样写好简历中的自我评价
2013/10/25 职场文书
毕业生个人投资创业计划书
2014/01/04 职场文书
校长就职演讲稿
2014/01/06 职场文书
作文批改评语
2014/12/25 职场文书
汽车车尾标语大全
2015/08/11 职场文书
创业计划书之孕婴生活馆
2019/11/11 职场文书
MySQL慢查询优化解决问题
2022/03/17 MySQL