html – IE8和IE7 onchange事件仅在重复选择后才会触发

发布时间：2020-12-14 18:56:53 所属栏目：资源来源：网络整理

导读：我有一组带有onchange处理器的收音机 input type="radio" name="Q12" value="radio" id="Q12_0" onchange="nextPnl('Q12');"br/input type="radio" name="Q12" value="radio" id="Q12_1" onchange="nextPnl('Q12');" ?function nextPnl(did){document.write(

我有一组带有onchange处理器的收音机

<input type="radio" name="Q12" value="radio" id="Q12_0"  onchange="nextPnl('Q12');">
<br/>
<input type="radio" name="Q12" value="radio" id="Q12_1"  onchange="nextPnl('Q12');">
         ?

function nextPnl(did)
{
document.write(did);

}?

问题是在IE8& IE7中,onchange事件仅在重复选择后触发.

请浏览IE的开发工具[浏览器模式] IE8：
http://jsfiddle.net/3zwur/2/

解决方法

这是由于IE7和IE8的更改事件的错误.您应该听取点击事件.

如这个table on quirks mode所示,IE7和IE8中的单选按钮和复选框上的更改事件是非常错误的.

您可以像这样聆听点击事件：

<input type="radio" name="Q12" value="radio" id="Q12_0"  onclick="nextPnl('Q12');">
<br>
<input type="radio" name="Q12" value="radio" id="Q12_1"   onclick="nextPnl('Q12');">

和你的小提琴的叉子：http://jsfiddle.net/T7VYL/

通常,使用诸如JQuery和YUI之类的JavaScript库使您的生活更轻松,尽管从我的测试中,他们不会在旧版本的IE中修复此错误.

如果您仍然想收听更改事件,您可以部署此修复程序：http://www.ridgesolutions.ie/index.php/2011/03/02/ie8-chage-jquery-event-not-firing/.基本上它会监听点击事件,然后导致元素触发更改事件.

由asker的小提琴证明：http://jsfiddle.net/3zwur/3

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!