我有一组带有 onchange 处理程序的 radio :
<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中查看此demo: http://jsfiddle.net/3zwur/2/
最佳答案
这是由于 IE7 和 IE8 的更改事件的错误。您应该改为收听 click
事件。
如图所示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');">
还有你的 fiddle fork :http://jsfiddle.net/T7VYL/
通常,使用 javascript 库,例如 JQuery和 YUI让您的生活更轻松,尽管根据我的测试,他们没有修复旧版 IE 中的这个错误。
如果您仍想收听更改事件,可以部署此修复:http://www.ridgesolutions.ie/index.php/2011/03/02/ie8-chage-jquery-event-not-firing/ .基本上它会监听点击事件,然后使元素触发更改事件。
如提问者的 fiddle 所示:http://jsfiddle.net/3zwur/3
关于javascript - IE8 & IE7 onchange事件只有在重复选择后才会触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11068196/