以下是一个兼容旧版IE的实现示例:

HTML:

<input type='radio' name='radio' value='1'>
<input type='radio' name='radio' value='2'>
<input type='radio' name='radio' value='3'>

JS:

// 获取所有的radio元素
var radios = document.getElementsByName('radio');

// 给每个radio元素绑定点击事件
for (var i = 0; i < radios.length; i++) {
  radios[i].onclick = function() {
    // 判断当前元素是否已经被选中
    if (this.checked) {
      // 如果已经被选中,则取消选中
      this.checked = false;
    } else {
      // 如果没有被选中,则选中
      this.checked = true;
    }
  };
}

在这个示例中,我们首先获取了所有的radio元素,并给它们绑定了点击事件。在点击事件中,我们判断当前元素是否已经被选中,如果已经被选中,则取消选中,否则选中。这样就可以实现radio的双击取消单选效果,并且兼容旧版IE。

JavaScript 双击取消单选按钮 (兼容IE)

原文地址: https://www.cveoy.top/t/topic/nXf8 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录