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 相关文章推荐
window.onload追加函数使用示例
Mar 03 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
JS简单实现多级Select联动菜单效果代码
Sep 06 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
Dec 22 Javascript
JS变量及其作用域
Mar 29 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
Aug 07 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
解决vue项目,npm run build后,报路径错的问题
Aug 13 Javascript
vue+element UI实现树形表格
Dec 29 Vue.js
node中短信api实现验证码登录的示例代码
Jan 20 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冒泡排序、快速排序、快速查找、二维数组去重实例分享
2014/04/24 PHP
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
PHP读书笔记_运算符详解
2016/07/01 PHP
PHP常用的三种设计模式
2017/02/17 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
深入理解JavaScript系列(16) 闭包(Closures)
2012/04/12 Javascript
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
JS限制Textarea文本域字符个数的具体实现
2013/08/02 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
JS小功能(列表页面隔行变色)简单实现
2013/11/28 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
JavaScript获取页面上被选中文字的方法技巧
2015/03/13 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
基于原生js淡入淡出函数封装(兼容IE)
2016/10/20 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
2017/09/16 Javascript
angularJS开发注意事项
2018/05/26 Javascript
JavaScript面向对象继承原理与实现方法分析
2018/08/09 Javascript
微信小程序如何使用globalData的方法
2019/06/06 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
python删除特定文件的方法
2015/07/30 Python
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
解决Linux系统中python matplotlib画图的中文显示问题
2017/06/15 Python
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
如何使用django的MTV开发模式返回一个网页
2019/07/22 Python
Python用类实现扑克牌发牌的示例代码
2020/06/01 Python
容易被忽略的Python内置类型
2020/09/03 Python
tensorflow与numpy的版本兼容性问题的解决
2021/01/08 Python
HTML+CSS3+JS 实现的下拉菜单
2020/11/25 HTML / CSS
基层工作经历证明
2015/06/19 职场文书
高三毕业感言
2015/07/30 职场文书
2016教师节感恩话语
2015/12/09 职场文书
Mysql Innodb存储引擎之索引与算法
2022/02/15 MySQL
Python 统计序列中元素的出现频度
2022/04/26 Python