javascript - 处理页面重新加载时的 Javascript 单选框状态

Question

我一直在摆弄一个 radio 。我遇到的问题因用户使用的浏览器而异。基本上，我的目标是根据所选的单选框在页面上生成其他数据。该数据与单选框保持同步非常重要。通常，这不是问题:当选择更改时，我运行下面的代码。

但是，浏览器通常缓存选中的复选框的方式存在问题。 IE 似乎会等到脚本运行完成然后切换选择哪个单选框。另一方面，Firefox 会记住哪个复选框被选中并相应地显示它......但选中的属性会忽略这一点。我可以通过取消选中和选中复选框(下面两行注释掉的代码)来强制 Firefox 保持此信息同步，尽管这有点hacky。

目前，我最好的想法是通过脚本生成单选框，以消除浏览器缓存它们的能力。谁能提供一个不那么老套的替代方案？

<br />
<input type="radio" name="DataRadio" checked="checked"
    Value="V1" onclick="doDataRadio()" />V1

<br />
<input type="radio" name="DataRadio"
    Value="V2" onclick="doDataRadio()" />V2

<br />
<input type="radio" name="DataRadio"
    Value="V3" onclick="doDataRadio()" />V3

<小时/>

function selCountry()
{
    var len = theForm.DataRadio.length;
    for (i = 0; i < len; i++) {
        if (theForm.DataRadio[i].checked)
        {
            chosen = theForm.DataRadio[i].value;
            //theForm.DataRadio[i].checked = false;
            //theForm.DataRadio[i].checked = true;
            alert(chosen);

        }
    }
}

Answer 1

因为您没有显示更多代码。我假设您想在页面加载时调用 selCountry()。

通常使用 JavaScript 库，例如 jQuery ，页面加载时运行一些内容发生在 $(document).ready() 函数中，如下所示:

$(document).ready({
  selCountry();
});

如果没有 javascript 库，您需要这样:

window.onload = function(){
  selCountry();
}

通过这种方式，您可以确保页面已完成加载，然后再找出预选的单选按钮。这适用于跨浏览器。