IE 上的 jquery 问题

Question

这里是一个示例的链接: http://techchorus.net/demos/jquery/hiding-input-elements-in-a-div.html它实际上禁用了 radio 上点击功能的一些元素。

它适用于 Firefox，但仅当您单击页面上的任何位置时，它才适用于 IE。为什么 IE 不像 Firefox 那样实时渲染元素。请指教。

谢谢这是代码:

<script type="text/javascript"> 
function toggleStatus() {
    if ($('#toggleElement').is(':checked')) {
        $('#elementsToOperateOn :input').attr('disabled', true);
    } else {
        $('#elementsToOperateOn :input').removeAttr('disabled');
    }   
}
</script>


    Click to change: <input id="toggleElement" type="checkbox" name="toggle" onchange="toggleStatus()" />
    </p>
    <div id="elementsToOperateOn">
        This is our example div block. <br />
        Sample Text Box: <input type="text" name="name" /> <br />
        Sample Checkbox : <input type="checkbox" name="participate" /> <br/>
        Sample Radio : <input type="radio" name="bookEarly" /> <br />
        Sample Select: <select name="sampleSelect">
                            <option>Option 1</option>
                            <option>Option 2</option>
                        </select>
    </div>

Answer 1

我的猜测是，直到 radio 元素失去焦点之后，IE 才会触发 onchange 事件。您可以改用 onclick 事件。