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 相关文章推荐
JavaScript 对象、函数和继承
Jul 07 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
Nov 01 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
JQuery中使文本框获得焦点的方法实例分析
Feb 28 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
js限制文本框的输入内容代码分享(3类)
Aug 20 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
Mar 30 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
vue上传图片组件编写代码
Jul 26 Javascript
Vue.Draggable拖拽功能的配置使用方法
Jul 29 Javascript
Vue 事件处理操作实例详解
Mar 05 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 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 流程控制switch的简单实例
2016/06/07 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
js点击页面其它地方将某个显示的DIV隐藏
2012/07/12 Javascript
自己编写的类似JS的trim方法
2013/10/09 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
Javascript验证上传图片大小[前台处理]
2014/07/18 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
2017/10/13 Javascript
AnglarJs中的上拉加载实现代码
2018/02/08 Javascript
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
vue 属性拦截实现双向绑定的实例代码
2018/10/24 Javascript
websocket4.0+typescript 实现热更新的方法
2019/08/14 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
Python ZipFile模块详解
2013/11/01 Python
python使用Berkeley DB数据库实例
2014/09/26 Python
Python编写登陆接口的方法
2017/07/10 Python
Python 实现选择排序的算法步骤
2018/04/22 Python
python将处理好的图像保存到指定目录下的方法
2019/01/10 Python
Python closure闭包解释及其注意点详解
2019/08/28 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
为什么说python适合写爬虫
2020/06/11 Python
Python Http请求json解析库用法解析
2020/11/28 Python
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
Myprotein比利时官方网站:欧洲第一运动营养品牌
2020/10/04 全球购物
与UNIX有关的几个名词
2015/09/17 面试题
《可爱的动物》教学反思
2014/02/22 职场文书
经济贸易系求职信
2014/08/04 职场文书
调研座谈会发言材料
2014/08/23 职场文书
结婚当天新郎保证书
2015/05/08 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
python如何为list实现find方法
2022/05/30 Python