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 相关文章推荐
[JS源码]超长文章自动分页(客户端版)
Jan 09 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
Aug 13 Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 Javascript
深入解析JavaScript中的数字对象与字符串对象
Oct 21 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
Sep 19 Javascript
vue.js学习笔记之绑定style样式和class列表
Oct 31 Javascript
Vuex简单入门
Apr 19 Javascript
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
微信小程序实现选项卡功能
Jun 19 Javascript
webpack分离css单独打包的方法
Jun 12 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 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 socket方式提交的post详解
2008/07/19 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
php实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
举例讲解PHP面对对象编程的多态
2015/08/12 PHP
SSO单点登录的PHP实现方法(Laravel框架)
2016/03/23 PHP
PHP基于SimpleXML生成和解析xml的方法示例
2017/07/17 PHP
JavaScript 继承使用分析
2011/05/12 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
详解vue-router数据加载与缓存使用总结
2018/10/29 Javascript
实现vuex与组件data之间的数据同步更新方式
2019/11/12 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
python读取excel表格生成erlang数据
2017/08/26 Python
Python导入模块时遇到的错误分析
2017/08/30 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
纯CSS实现聊天框小尖角、气泡效果
2014/04/04 HTML / CSS
阿拉伯世界最大的电子卖场:Souq埃及
2016/08/01 全球购物
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
医院办公室主任职责
2013/12/29 职场文书
就业协议书
2014/09/12 职场文书
2014年护士长工作总结
2014/11/11 职场文书
考试作弊检讨书
2015/01/27 职场文书
2015年高中班主任工作总结
2015/04/30 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书
MybatisPlus代码生成器的使用方法详解
2021/06/13 Java/Android
MySQL的全局锁和表级锁的具体使用
2021/08/23 MySQL
详解Spring Security中的HttpBasic登录验证模式
2022/03/17 Java/Android
二维码条形码生成的JavaScript脚本库
2022/07/07 Javascript