如何应用此代码在浏览器中工作（即不工作）？

Question

如果用户选中了unlimited_time复选框，则复选框not_allow_time和复选框unlimited_time将不会被选中

我在很多浏览器上测试过它可以正常使用，但是它无法在Internet Explorer上运行。

如何处理ie？

<input type="text" id="time" name="time"> 
<label style=" font-weight: normal;">
<input type="checkbox" id="unlimited_time" name="unlimited_time" value="Unlimited" class="checkme_time"/> Time UP
</label>
<label style=" font-weight: normal;">
<input type="checkbox" id="not_allow_time" name="not_allow_time" value="Not_allow" class="checkme_time"/> Not Guarantee
</label>
<script type="text/javascript">
document.getElementById('unlimited_time').onchange = function () {
    document.getElementById('not_allow_time').checked = false;
    document.getElementById('time').disabled = this.checked;
};
document.getElementById('not_allow_time').onchange = function () {
    document.getElementById('unlimited_time').checked = false;
    document.getElementById('time').disabled = this.checked;

};
</script>

Answer 1

将.onchange更改为.onclick。

更多详情IE8 & IE7 onchange event is not getting triggered。

Answer 2

将我的评论转换为答案

1. 什么是unit_time - IE通常会在第一个错误时停止执行。如果你没有任何名为id =“unit_time”的东西，你需要注释掉每个函数的最后一行

2. 将onchange更改为onclick，因为有些IE在复选框模糊之前不会触发onchange

Quirks mode onchange table for checkboxes