JQuery проблема в IE

Question

вот ссылка на пример: http://techchorus.net/demos/jquery/hiding-input-elements-in-a-div.html Фактически отключает несколько элементов при нажатии на радио.

Он работает в 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

Я предполагаю, что IE не запускает событие onchange до тех пор, пока радиоэлемент не потеряет фокус. Вместо этого вы можете использовать событие onclick.