jquery获取radio值(单选组radio)


Posted in Javascript onOctober 16, 2014

单选组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

单选组 radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

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();
(3water.com) $("#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 点击整页变灰的效果(可做退出效果)。
Jan 09 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
jquery实现图片裁剪思路及实现
Aug 16 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 Javascript
Javascript脚本实现静态网页加密实例代码
Nov 05 Javascript
JQuery遍历DOM节点的方法
Jun 11 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
Sep 15 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 Javascript
详解vue-cli 脚手架 安装
Apr 16 Javascript
详解微信小程序的不同函数调用的几种方法
May 08 Javascript
js回调函数仿360开机
Dec 26 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 #Javascript
Javascript中的关键字和保留字整理
Oct 16 #Javascript
javascript复制粘贴与clipboardData的使用
Oct 16 #Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
Oct 16 #Javascript
jquery获取radio值实例
Oct 16 #Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 #Javascript
javascript实现复制与粘贴操作实例
Oct 16 #Javascript
You might like
ThinkPHP中__initialize()和类的构造函数__construct()用法分析
2014/11/29 PHP
php实现简单的语法高亮函数实例分析
2015/04/27 PHP
php中类和对象:静态属性、静态方法
2017/04/09 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
javascript据option的value值快速设定初始的selected选项
2007/08/13 Javascript
给Function做的OOP扩展
2009/05/07 Javascript
js对文章内容进行分页示例代码
2014/03/05 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
jQuery实现的淡入淡出二级菜单效果代码
2015/09/15 Javascript
学习JavaScript鼠标响应事件
2015/12/25 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
nodejs基础知识
2017/02/03 NodeJs
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
利用JavaScript实现栈的数据结构示例代码
2017/08/02 Javascript
Vue.js简易安装和快速入门(第二课)
2017/10/17 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
iconfont的三种使用方式详解
2018/08/05 Javascript
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
Vue.js 无限滚动列表性能优化方案
2019/12/02 Javascript
机器学习python实战之决策树
2017/11/01 Python
python将回车作为输入内容的实例
2018/06/23 Python
浅谈Python批处理文件夹中的txt文件
2019/03/11 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
Python类型转换的魔术方法详解
2020/12/23 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
高中生职业生涯规划书
2014/02/24 职场文书
大学生励志演讲稿
2014/04/25 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
王兆力在市委党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
大学生军训感言
2015/08/01 职场文书
Mysql - 常用函数 每天积极向上
2021/04/05 MySQL