jquery radio的取值_radio的选中_radio的重置方法


Posted in Javascript onSeptember 20, 2016

radio 按钮组, name=”sex”.

<input type="radio" name="sex" value="Male">Male</input>
<input type="radio" name="sex" value="Female">Female</input>
<input type="radio" name="sex" value="Unknown">Unknown</input>

1. 获取radio选中的value.

$('input:radio[name=sex]:checked').val();

2. 选择 radio 按钮 (Male).

$('input:radio[name=sex]:nth(0)').attr('checked',true);
或者
$('input:radio[name=sex]')[0].checked = true;

3. 选择 radio 按钮 (Female).

$('input:radio[name=sex]:nth(1)').attr('checked',true);
或者
$('input:radio[name=sex]')[1].checked = true;

4. 选择 radio 按钮 (Unknown).

$('input:radio[name=sex]:nth(2)').attr('checked',true);
或者
$('input:radio[name=sex]')[2].checked = true;

5. 重置 radio 按钮.

$('input:radio[name=sex]').attr('checked',false);

以上就是小编为大家带来的jquery radio的取值_radio的选中_radio的重置方法的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
JavaScript类型转换方法及需要注意的问题小结(挺全面)
Nov 11 Javascript
Jquery实现显示和隐藏的4种简单方式
Aug 28 Javascript
JavaScript中的条件判断语句使用详解
Jun 03 Javascript
jQuery简单注册和禁用全局事件的方法
Jul 25 Javascript
实例浅析js的this
Dec 11 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 Javascript
微信小程序 swiper组件构建轮播图的实例
Sep 20 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 Javascript
jQuery each和js forEach用法比较
Feb 27 jQuery
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
JS获取鼠标相对位置的方法
Sep 20 #Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 #Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 #Javascript
AngularJS删除路由中的#符号的方法
Sep 20 #Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 #Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 #Javascript
原生js实现ajax方法(超简单)
Sep 20 #Javascript
You might like
PHP 编程安全性小结
2010/01/08 PHP
PHP提示Deprecated: mysql_connect(): The mysql extension is deprecated的解决方法
2014/08/28 PHP
如何使用纯PHP实现定时器任务(Timer)
2015/07/31 PHP
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
Zend Framework教程之路由功能Zend_Controller_Router详解
2016/03/07 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
PHP CURL使用详解
2019/03/21 PHP
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
JS获取整个页面文档的实现代码
2011/12/15 Javascript
jquery入门—访问DOM对象方法
2013/01/07 Javascript
javascript 获取图片尺寸及放大图片
2013/09/04 Javascript
js编码、解码函数介绍及其使用示例
2013/09/05 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
2015/08/09 Javascript
js实现统计字符串中特定字符出现个数的方法
2016/08/02 Javascript
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
vuex的数据渲染与修改浅析
2020/11/26 Vue.js
[46:10]2014 DOTA2国际邀请赛中国区预选赛 CnB VS HGT
2014/05/21 DOTA
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
Python函数参数类型及排序原理总结
2019/12/19 Python
windows下python安装pip方法详解
2020/02/10 Python
浅谈html5 响应式布局
2014/12/24 HTML / CSS
简历中求职的个人自我评价
2013/12/03 职场文书
会计电算化大学生职业规划书
2014/02/05 职场文书
遗嘱公证书标准样本
2014/04/08 职场文书
大学生社团活动总结
2014/04/26 职场文书
教师党员批评与自我批评发言稿
2014/10/15 职场文书
就业意向协议书
2015/01/29 职场文书
小学生暑假安全公约
2015/07/14 职场文书
SpringAop日志找不到方法的处理
2021/06/21 Java/Android