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 相关文章推荐
使用TextRange获取输入框中光标的位置的代码
Mar 08 Javascript
一个JS小玩意 几个属性相加不能超过一个特定值.
Sep 29 Javascript
javascript 常用功能总结
Mar 18 Javascript
extjs 时间范围选择自动判断的实现代码
Jun 24 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
Apr 07 Javascript
jQuery动画效果图片轮播特效
Jan 12 Javascript
javascript实现瀑布流加载图片原理
Feb 02 Javascript
JavaScript轮播图简单制作方法
Feb 20 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 Javascript
Vue的MVVM实现方法
Aug 16 Javascript
vue滚动固定顶部及修改样式的实例代码
May 30 Javascript
AngularJS动态生成select下拉框的方法实例
Nov 17 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 has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
php中计算中文字符串长度、截取中文字符串的函数代码
2011/08/09 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
2012/12/19 Javascript
jquery给图片添加鼠标经过时的边框效果
2013/11/12 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
2014/12/16 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
2015/04/15 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
JS实现的简单轮播图运动效果示例
2016/12/22 Javascript
详解Angular 开发环境搭建
2017/06/22 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
2017/10/27 Javascript
3种vue组件的书写形式
2017/11/29 Javascript
Angular2开发环境搭建教程之VS Code
2017/12/15 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
2018/01/23 Javascript
angular json对象push到数组中的方法
2018/02/27 Javascript
Angular6 正则表达式允许输入部分中文字符
2018/09/10 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
vue之a-table中实现清空选中的数据
2019/11/07 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
2019/12/21 Javascript
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
如何利用Boost.Python实现Python C/C++混合编程详解
2018/11/08 Python
python DataFrame 取差集实例
2019/01/30 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
西班牙拥有最佳品牌的动物商店:Animalear.com
2018/01/05 全球购物
Made in Design意大利:现代家具、名家灯具和装饰
2020/10/27 全球购物
建筑学推荐信
2013/11/03 职场文书
获奖的大学生创业计划书
2014/01/05 职场文书
寄语十八大感言
2014/02/07 职场文书
宾馆总经理岗位职责
2014/02/14 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
群众路线查摆问题整改措施思想汇报
2014/10/10 职场文书
2015年维修工作总结
2015/04/25 职场文书
世界十大狙击步枪排行榜
2022/03/20 杂记