radio雙擊取消單選 js 兼容舊版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/eGrB 著作权归作者所有。请勿转载和采集!