input 单选按钮radio 取消选中(转载)

Posted 奔跑的蜗牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input 单选按钮radio 取消选中(转载)相关的知识,希望对你有一定的参考价值。

input单选按钮: 在radio按钮中添加属性tag  0代表未被选中

html代码:

<input name="rdo1" value="AA" type="radio" tag="0" />A
<br />
<input name="rdo2" value="BB" type="radio" tag="0" />B
<br />
<input name="rdo3" value="CC" type="radio" tag="0" />C

jquery代码:

$(":radio").click(function () {
     var r = $(this).attr("name");
     $(":radio[name=" + r + "]:not(:checked)").attr("tag", 0);
     if ($(this).attr("tag") == 1) {
            $(this).attr("checked", false);
            $(this).attr("tag", 0);
     }
      else {
           $(this).attr("tag",1);
     }
});

 

以上是关于input 单选按钮radio 取消选中(转载)的主要内容,如果未能解决你的问题,请参考以下文章

取消选中单选按钮

javascript [jQuery单选框选中与取消选中应用]记录jQuery使用过程中单选框选中与取消选中的坑。 #JS #jQuery #input #radio

radio单选按钮de选中与取消

一次取消选中所有JQuery单选按钮组

第二次单击时取消选中单选按钮

使用jquery实现单选框多选框取消选中状态