radio取消选中并能再次选中

最新推荐文章于 2025-04-17 15:24:44 发布

转载最新推荐文章于 2025-04-17 15:24:44 发布 · 7.7k 阅读

js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种实现复选框再次选中的方法。通过使用JavaScript，可以在用户取消选中后重新选中同一个复选框。代码示例展示了如何为每个复选框绑定事件，以实现这一功能。

网上很多都是只能取消选中，之后就无法选中了。
按照这个方法可以再次选中

$(document).ready(function(){
        var old = null; //用来保存原来的对象
        $(".radioCheck").each(function(){//循环绑定事件
            if(this.checked){
                old = this; //如果当前对象选中，保存该对象
            }
            this.onclick = function(){
                if(this == old){//如果点击的对象原来是选中的，取消选中
                    this.checked = false;
                    old = null;
                } else{
                    old = this;
                }
            }
        });
    });