iframe 中的单选按钮检查

Question

我有 javascript，它位于 iframe 中。当我检查 iframe 中的单选按钮时，父窗口会更改值。它在 firefox 上运行得很好，但在 IE 上却不行...有人能帮我解决这个问题吗？

<script type="text/javascript">
function getCheckedValue(radioObj) {
    if(!radioObj)
        return "";
    var radioLength = radioObj.length;
    if(radioLength == undefined)
        if(radioObj.checked)
            return radioObj.value;
        else
            return "";
    for(var i = 0; i < radioLength; i++) {
        if(radioObj[i].checked) {
            return radioObj[i].value;
        }
    }
    return "";
}

function asd(){
var qwer =  getCheckedValue(document.forms['uas'].elements['icon']);
window.parent.document.forms['register'].lang.value = qwer;
window.parent.document.getElementById("images").getElementsByTagName("img")[0].src = "images/lang/" + qwer  + ".png";

}
</script>

<form name="uas" method="GET" action="" onchange="asd();">
<label id="1"><input type="radio" name="icon" value="1">One</label><br><label id="2"><input type="radio" name="icon" value="2">Two ...

Answer 1

您的代码的问题是附加到表单元素的 onchange 事件，IE 不支持此。相反，您必须为每个单选按钮使用 onchange 事件：

<label id="1"><input type="radio" name="icon" value="1" onchange="asd();">One</label>
<label id="2"><input type="radio" name="icon" value="2" onchange="asd();">Two</label>

或者，您可以使用 Javascript 自动添加事件侦听器。

另外这一行：

window.parent.document.getElementById("images").getElementsByTagName("img")[0].src = "images/lang/" + qwer  + ".png";

是不正确的， getElementById 已经返回您需要的图像，因此 getElementById("images").src = ... 就可以了。