jquery实现点击radio选中，再次点击取消选中

最新推荐文章于 2025-04-17 15:24:44 发布
最新推荐文章于 2025-04-17 15:24:44 发布
阅读量1.9k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_36693442/article/details/97391036

$(‘input:radio’).click(function(){
var radio = $(this);
if (radio.data(‘waschecked’) == true){
radio.prop(‘checked’, false);
radio.data(‘waschecked’, false);
} else {
radio.prop(‘checked’, true);
radio.data(‘waschecked’, true);
}
})

尘世美_w
关注
使用jQuery去掉radio单选框的选中状态
HackMasterX的博客
09-23 741
jQuery是一个广泛使用的JavaScript库，它简化了JavaScript与HTML文档之间的交互。如果你想要通过jQuery去掉radio单选框的选中状态，下面是一些详细的步骤和相应的源代码。使用jQuery可以简洁地操作HTML元素，包括去掉radio单选框的选中状态。在这个例子中，我们使用了一个CDN链接来引入jQuery，你也可以将jQuery库文件下载到本地并引入。在这个例子中，我们创建了一个包含三个radio单选框的组，并给第一个单选框设置了。创建一个包含radio单选框的HTML结构。
Jquery选中或取消radio
weixin_46230055的博客
06-21 1271
html: <div > <input type="radio" name="1" value="1" id="rdoYear" checked>本年<br/> <input type="radio" name="1" value="2" id="rdoMonth">本月<br/> <in
jquery控制radio单选框勾选和取消勾选方法
winkexin的博客
06-03 1165
【代码】jquery控制radio单选框勾选和取消勾选方法。
JQ项目中，解决Radio框选中之后不能取消的问题
最新发布
m0_37650275的博客
04-17 259
Radio框选中之后不能取消的问题解决办法
Jquery radio 选中 取消选中
周祥平程序专栏
09-23 1112
通过name $("input:radio[name="analyfsftype"]").eq(0).attr("checked",'checked'); $("input:radio[name="analyshowtype"]").attr("checked",false); 通过id $("#tradeType0").attr("checked","checked");
jQuery 实现一个单选框点击选中或取消
单枪匹码
12-10 2065
1、实现思路： 我们为radio添加一个点击事件，当radio点击以后判断如果data-* 属性值为true，说明这个radio之前是被选中的，则点击以后应该取消选中，若想取消选中，则我们要为radio移除checked属性并将data-* 属性的值改为false，若判断data-*属性值为false，则说明之前为未选中，点击之后将该radio切换为选中，则首先为该radio添加checked属性...
2021-04-01 radio控件实现点击后选中再点击则取消选中
codeNotEasy
04-01 758
要求radio能实现点击选中再点击取消选中的功能，用JQuery来实现。结果没成功，出现的结果是未选中的情况下，点击后，还是未选中。查询资料发现是radio默认的click事件作祟。通过1.7版本以后的on()方法来手动添加事件和其处理方法，通过function(){return false;}来取消控件默认的事件和动作的触发，从而规避了这个问题，代码如下： //radio控件有个默认的click事件，若不予以处理则会自动运行，就相当于执行了两次click第一次判断没有选中然后选中它，第二次发现选中了就
jQuery实现radio第一次点击选中第二次点击取消功能
10-19
在这种情况下，我们可以利用jQuery的数据存储功能来跟踪单选按钮的状态，从而实现点击两次后取消选中的效果。 以下是一个详细的步骤解释： 1. **数据存储**： 在jQuery中，我们可以使用`data()`方法来存储和检索...
Jquery选中或取消radio示例
10-26
这是通过HTML表单设计来实现的，当用户点击任何一个radio按钮时，该组中的其他按钮的选中状态将自动取消。JQuery作为JavaScript的一个快速且方便的库，提供了很多简洁的方式来操作DOM元素，包括radio按钮。 使用...
jquery判断单选按钮radio是否选中的方法
12-09
本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下： html代码如下： <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" ...
解决jquery实现的radio重新选中的问题
11-30
使用 jquery 的removeAttr(),清除掉 radio 的checked属性后。使用 attr(‘checked’,true)可以给对应的radio 附上 checked属性。但是页面展示，却没有选中。 解决方法： 　使用原生js 代码实现。 　var inputList =...
解决radio单选框，再次点击为取消状态
优快云 for recording problems
08-08 2983
案列 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> </scr...
三种取消选中单选框radio的方法
12-09
本文提供了三种取消选中radio的方式，代码示例如下: 本文依赖于jQuery,其中第一种，第二种方式是使用jQuery实现的，第三种方式是基于JS和DOM实现的。 <!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中的三种方式</title> [removed] [removed] [removed] $(function(){ // var $br
jquery单选框radio绑定click事件实现方法
12-09
本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下： 代码如下:<html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv=”content-type” content=”text/html;charset=utf-8″ /> [removed][removed] [removed]  $(function(){   $(“:r
jquery 选中radio 与取消radio选中状态
tgw2000的专栏
01-14 3317
判断radio的值是否与某个值相等，相等就选中该radio项 $("input[name=test]").each(function(){ if($(this).val()==wancheng){ $(this).attr('checked',true); }
Jquery 如何实现radio 第二次点击取消勾选
weixin_48491416的博客
11-16 1134
jquery radio 第二次点击取消勾选
jquery实现单选按钮选中与取消选中
热门推荐
suzhouhe1991的博客
10-21 1万+
单选按钮的选中与取消选中，是元素自带的属性checked来实现的 一般情况下： $("#updateApplyForSmsNotification [name='applyForSmsNotification']").eq(0).attr('checked', 'checked'); 这个方法就可以满足实现将其第一个单选按钮选中。 但是如果这个是根据后台传到页面的值来实现的一个动态单选按钮
分享：三种取消选中单选框radio的方法
aijiagui7454的博客
09-10 859
三种取消选中radio的方式，本文依赖于jQuery,其中第一种，第二种方式是使用jQuery实现的，第三种方式是基于JS和DOM实现的。 <!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中的三种方式_www.jbxue.com</title> <script ...
jquery 取消 radio checked 属性，重新选中的问题解决
weixin_34049032的博客
07-02 815
<input type="radio" name="test"/> <input type="radio" name="test" id = "input2"/> (说明：使用的jquery 版本是 1.10.2。) 使用 jquery 的removeAttr(),清除掉 radio 的checked属性后。使用 attr('checked',true)可以给对...
使用JQuery检测radio按钮选中状态及获取选项值
掌握如何使用jQuery来判断单选按钮是否被选中以及获取选中的值，对于前端开发人员来说是一项基础且重要的技能。 ### 知识点 #### 1. jQuery简介 jQuery是一个快速、小巧、功能丰富的JavaScript库。它通过减少HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值