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 相关文章推荐
网页中的图片的处理方法与代码
Nov 26 Javascript
UI Events 用户界面事件
Jun 27 Javascript
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
JavaScript中instanceof运算符的用法总结
Nov 19 Javascript
Jquery焦点图实例代码
Nov 25 Javascript
JS动态修改图片的URL(src)的方法
Apr 01 Javascript
JS中产生标识符方式的演变
Jun 12 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
Aug 18 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
Mar 23 Javascript
JS代码简洁方式之函数方法详解
Jul 28 Javascript
vue中父子组件的参数传递和应用示例
Jan 04 Vue.js
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如何透过ODBC来存取数据库
2006/10/09 PHP
PHP正则的Unknown Modifier错误解决方法
2010/03/02 PHP
PHP开发需要注意的安全问题
2010/09/01 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
5款Javascript颜色选择器
2009/10/25 Javascript
jquery分页插件AmSetPager(自写)
2013/04/15 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
举例讲解jQuery中可见性过滤选择器的使用
2016/04/18 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
2017/01/27 Javascript
纯js实现html转pdf的简单实例(推荐)
2017/02/16 Javascript
ES6中的rest参数与扩展运算符详解
2017/07/18 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
2017/07/19 Javascript
webpack 插件html-webpack-plugin的具体使用
2018/04/09 Javascript
JavaScript字符串处理常见操作方法小结
2019/11/15 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
[05:03]2018DOTA2亚洲邀请赛主赛事首日回顾
2018/04/04 DOTA
在Python程序中操作MySQL的基本方法
2015/07/29 Python
Python实现动态加载模块、类、函数的方法分析
2017/07/18 Python
python 多线程串行和并行的实例
2019/02/22 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
Python3实现打印任意宽度的菱形代码
2020/04/12 Python
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
2014/09/02 HTML / CSS
美国性感女装网站:bebe
2017/03/04 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
大学生学习自我评价
2014/01/13 职场文书
正科级干部考察材料
2014/05/29 职场文书
社会实践活动总结范文
2014/07/03 职场文书
119消防日活动总结
2014/08/29 职场文书
暑期实践个人总结
2015/03/06 职场文书
法定代表人资格证明书
2015/06/18 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python
Python基础之赋值,浅拷贝,深拷贝的区别
2021/04/30 Python
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle