我有一组带有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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。