js实现单选按钮单击选中，再单击取消选中

Question

如何实现js控制单选按钮，单击选中，再单击就取消选中

有多组单选按钮，且每组单选按钮的value值是不同的，如何用js实现单击选中再单击那个选中的单选按钮则取消选中
，实现方法采用javascript写在页面中，不采用jquery方法。

Answer 1

这个最简单的逻辑就是if判断一下就看可以了。下面是简单的例子，以变色为主，点击一下变灰色，再点击一下恢复原来的颜色。

var oDiv = document.getElementById('div1'); oDiv.onclick=function(){ if(this.style.backgroundColor == 'red'){ this.style.backgroundColor = '#ccc'; }else{ this.style.backgroundColor = 'red'; } };