IE兼容单选按钮取消选中功能实现代码
以下是一个示例代碼,可以讓您在兼容舊版IE瀏覽器中實現取消單選的功能:
HTML代碼:
<input type="radio" name="options" value="option1" id="option1">
<label for="option1">Option 1</label>
<br>
<input type="radio" name="options" value="option2" id="option2">
<label for="option2">Option 2</label>
JavaScript代碼:
var radios = document.getElementsByName('options');
for (var i = 0; i < radios.length; i++) {
radios[i].onclick = function() {
if (this.previous) {
this.checked = false;
this.previous = false;
} else {
this.previous = this.checked;
}
};
}
此代碼將為具有相同'name'屬性的所有單選按鈕添加單擊事件。當單擊單選按鈕時,它將檢查它是否已經被選中,如果是,則取消選中狀態。否則,它將記錄先前的選中狀態,以便在下次單擊時取消選中。這種方法可以在兼容舊版IE的所有現代瀏覽器中工作。
原文地址: https://www.cveoy.top/t/topic/nXgw 著作权归作者所有。请勿转载和采集!