在 UI 反射(reflect)选择之前处理的 JavaScript 单选点击

Question

我有以下 JavaScript 代码:

var radios = form.elements["option_filter"];
for (var i = 0, max = radios.length; i < max; i++) {
    if (typeof (radios[i].value) !== 'undefined') {
        radios[i].onclick = function () {
            var l = this.nextElementSibling.innerText;
            <code to create a path containing selection>
            window.location.replace(dest);
        }
    }
}

它工作正常，除了当单击单选按钮时，选择被认为是在代码中选中的，但这没有反射(reflect)在 UI 中......单选按钮在处理重定向时保持空白。

我试着让它在 onclick 触发和重定向之间休眠一段时间，但无济于事。

如何让 UI 反射(reflect)选择更改，以便用户在等待新页面加载时看到它已被选中？

Answer 1

要让 UI 反射(reflect)...您需要将目标单选按钮的值设置为一个值...

radio[i].value = "whatever"

另请记住，设置的值必须与选项中单选按钮之一的名称相匹配...