失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > jquery怎么去掉radio单选框的选中状态

jquery怎么去掉radio单选框的选中状态

时间:2021-07-31 07:01:37

相关推荐

jquery怎么去掉radio单选框的选中状态

web前端|前端问答

jquery

web前端-前端问答

图书馆管理系统 php 源码,vscode上的飞书插件,ubuntu 地松鼠,tomcat启动报错org,属于爬虫软件,php 获取接口数据,璧山正规的seo口碑,为什么网站只能显示ip地址不能显示域名 wordpress,da面板模板源码lzw

jquery去掉radio单选框选中状态的3种方法

jsp购物网站源码下载简单,ubuntu内存占用高,点击广告的爬虫,php sprite,seo0485lzw

方法1:使用removeAttr()

时时彩 源码,vscode能调试jsp,翻墙工具 ubuntu,tomcat定时清理线程,爬虫,php csv 类,资兴关键词seo,手机网站制作免费教程,帝国cms前台模板下载lzw

radio单选框的选中状态是由checked属性控制的,只需使用removeAttr()去掉该属性即可。

$(document).ready(function(){$("button").click(function(){$("input").removeAttr("checked");});});p{width: 200px;height: 100px;border: 1px solid #AFEEEE;background-color: #AFEEEE;}选项1

选项2

选项3

方法2:使用attr()

也可使用attr()将radio单选框的checked属性设置为false值来取消radio选中。

$(document).ready(function(){$("button").click(function(){$("input").attr("checked",false);});});

方法3:使用prop()

也可使用prop()将radio单选框的checked属性设置为false值。

$(document).ready(function(){$("button").click(function(){$("input").prop("checked",false);});});

【推荐学习:jQuery视频教学、web前端视频】

如果觉得《jquery怎么去掉radio单选框的选中状态》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。