Javascript 再次单击单选按钮后取消选中该按钮

我正在寻找一种方法来取消选中单选按钮后，再次点击它。 例如，当我第一次单击它时，它会被选中，但我希望在再次单击它后，它会被选中

我尝试了以下方法

但它不起作用

有人能帮我吗？谢谢

 <input id="button1" type="radio" name="optradio"></input>

window.onload=function（）{
切换0=1；
btn0=document.getElementById（“按钮1”）；
btn0.addEventListener（“单击”，函数（e）{
如果（切换0==0）{
切换0=1
btn0.checked=false；
}否则{
切换0=0；
btn0.checked=true；
}
});
}

所以您希望它像复选框一样运行？为什么不使用复选框呢？是的，我希望它像前面的评论和您自己指出的那样作为复选框运行--使用复选框将帮助您实现此行为。如果你想让它看起来像一个单选按钮，你可以把注意力放在“如何制作自定义复选框”上——当你试图重新发明一个现有的工具时，在设计/开发中会出现很多问题。使用默认工具总比尝试用不同的方法找到解决方案要好。好的，谢谢。我将使用一个复选框，然后值得注意的是，使用一个简单的复选框比实现这个JS要容易得多。取决于您想要的功能。

<script>
    window.onload=function(){
      toggle0=1;
      btn0=document.getElementById("button1");
      btn0.addEventListener("click", function(e){

        if(toggle0==0){
            toggle0=1
            btn0.checked=false;
            }else{
                toggle0=0;
            btn0.checked=true;
            }

      });


        }
</script>