单选按钮radio点击已选中的，取消选中

最新推荐文章于 2024-05-09 11:50:47 发布

醉ぃ灬清风。

最新推荐文章于 2024-05-09 11:50:47 发布

阅读量3.2k

点赞数

分类专栏：编程技术 java jquery 文章标签： java javascript jquery jsp eclipse

本文链接：https://blog.csdn.net/u010964869/article/details/52174632

版权

编程技术同时被 3 个专栏收录

107 篇文章 1 订阅

订阅专栏

java

90 篇文章 1 订阅

订阅专栏

jquery

46 篇文章 1 订阅

订阅专栏

var tempradio= null;
function cancel(checkedRadio){  
    if(tempradio== checkedRadio){  
        tempradio.checked=false;  
        tempradio=null;  
      }else{  
           tempradio= checkedRadio;    
        }  

}

注意：tempradio 一定要放在方法外面作为全局变量，否则不能取消

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

醉ぃ灬清风。

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

取消选中单选框radio的三种方式

weixin_33958585的博客

12-21

3278

作者: 铁锚日期: 2013年12月21日本文提供了三种取消选中radio的方式，代码示例如下: 本文依赖于jQuery,其中第一种，第二种方式是使用jQuery实现的，第三种方式是基于JS和DOM实现的。 <!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中的三种方式</titl...

单选按钮(radio)的取消与选中

07-10

js控制单选按钮(radio)的取消与选中，javascript单选按钮

参与评论您还未登录，请先登录后发表或查看评论

radio触发两次及取消选中

springingy的专栏

01-12

1012

点击label的默认行为是: 点击label => 点击input[type=radio] => 执行勾选。如果监听label的click事件,会触发两次, 这不是捕获冒泡的问题,而是。如果直接取消, 默认行为导致radio又勾选上了。label阻止默认行为将导致,radio不能勾选。

radio点击选中与取消

bzkfn的专栏

12-13

5694

JS: var flag = true; function chkRadio(id) { id.checked = flag; flag = !flag; } HTML: 测试

单选按钮radio点击已选中的取消选中。

wyyrockking的博客

09-28

3899

<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> $(document).ready(function(){ $('input[name="cker"]').bind('change',function(){ $('input[name="cker"]'

三种取消选中单选框radio的方法

12-09

在点击“取消选中方式3”的按钮时，我们获取所有`browser`名的单选框，然后遍历它们，将每个单选框的`checked`属性设置为`false`，并移除`checked`属性。 ```javascript var checkedbrowser = document....

取消选中单选框radio的三种方式示例介绍

12-13

本文提供了三种取消选中radio的方式，代码示例如下: 本文依赖于jQuery,其中第一种，第二种方式是使用jQuery实现的，第...单选按钮取消选中的三种方式</title> [removed] [removed] [removed] $(function(){ // v

jquery判断单选按钮radio是否选中的方法

12-09

本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下： html代码如下： <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" ...

jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法

12-12

在处理用户交互时，尤其是表单元素如单选按钮（radio buttons）时，jQuery提供了方便的方法来获取选中值以及清除选中状态。下面我们将详细探讨如何使用jQuery实现这些功能。首先，我们来看如何获取单选按钮的选中...

单选框radio单击取消选中

最新发布

weixin_42370485的博客

05-09

346

有这个需求，然后查到一堆没一个有用的，结合各个答案有用的部分最终测出来有用的代码。

antd Radio 实现点击取消选择

weixin_45456092的博客

04-21

3427

【代码】【无标题】

【前端JS】radio 可单选可点击取消选中

weixin_33980459的博客

05-16

839

普通情况下 radio 单选框仅仅能实现多选一的效果，可是一旦选择当中一个后，这个单选框就不可点击取消其选中状态了。这样的功能在某些业务环境下并不适用。有时我们既须要单选框的多选一效果。也须要复选框的可点击取消效果。为此本文提供一种 JQuery 写法。 /* 1. 取消与当前控件name 相同的全部控件的选中状态 2. 选中当前控件 3. 假设当前控件在点...

实现radio单选框单击取消选中状态

JJ_Smilewang的博客

11-17

5714

后面的单选框只能三选一，并且也可以全部不选，同时如果选中了其中一个后，也可以取消，最终可以回到全部不选的状态。

Elementui Radio单选框取消选中

H524268015wsw的博客

01-08

2985

1.两种方法都可以达到取消选中的要求。2.不在意样式的选用第一种，要求样式的选择第二种。

js radio选中跟取消选中

YY_Ylx_XX的博客

01-18

1083

js设置radio选中 : $("#radio1").attr("checked","checked"); 取消选中：$("#radio2").removeAttr("checked");

radio单选按钮怎么取消选中

09-19

要取消选中radio单选按钮，可以通过以下几种方式实现： 1. 使用JavaScript：可以通过JavaScript代码来取消选中radio单选按钮。首先，需要获取到该radio单选按钮的DOM元素，可以通过id、class或者其他属性来选取。然后，使用`checked`属性将其设为false即可取消选中。示例代码如下： ``` document.getElementById("radioId").checked = false; ``` 这里的"radioId"是具体radio单选按钮的id。 2. 使用jQuery：如果网页中引入了jQuery库，可以使用更简洁的代码来取消选中radio单选按钮。首先，需要获取到该radio单选按钮的jQuery对象，可以通过id、class或者其他选择器来选取。然后，使用`prop()`方法将其选中属性设为false即可取消选中。示例代码如下： ``` $("#radioId").prop("checked", false); ``` 这里的"radioId"是具体radio单选按钮的id。 3. 利用HTML的`<form>`表单：在HTML的`<form>`标签中，可以设定同一个name属性的radio单选按钮为同一组。当其中一个radio单选按钮被选中时，其他的单选按钮会被自动取消选中。因此，可以通过设置其他radio单选按钮为选中状态来达到取消选中的效果。示例代码如下： ``` <form> <input type="radio" name="radioGroup" value="1" checked>选项1<br> <input type="radio" name="radioGroup" value="2">选项2<br> <input type="radio" name="radioGroup" value="3">选项3<br> </form> ``` 以上代码中，设定了name属性为"radioGroup"的三个radio单选按钮为同一组。当选中其中一个按钮时，其他按钮会自动取消选中。总之，通过JavaScript、jQuery或者HTML的`<form>`表单，可以很方便地取消radio单选按钮的选中状态。