JavaScript 双击取消单选按钮 (兼容IE)
以下是一个兼容旧版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。
原文地址: https://www.cveoy.top/t/topic/nXf8 著作权归作者所有。请勿转载和采集!