如何在 JS 中找到单选按钮的上一个/默认值？

Question

我不确定这是否可能，但我想在联合提出一个丑陋的解决方案之前我应该​​先问一下。

我拥有的是一组单选按钮，我想在单选按钮值更改时触发一个功能。例如，有 XY 和 Z 三个按钮，默认选择 Y。如果用户单击未选择的按钮（即 X 或 Z），则会触发该功能，但如果他/她单击 Y（已选择）则不会发生任何情况。

当然，最好的解决方案是在 onchange 事件上触发该函数，但 IE6 不会触发 onchange，直到焦点不再位于不令人满意的元素上。

那么有没有办法知道单选按钮以前的值是什么或者至少知道它的默认值是什么？我可以轻松创建默认值数组并进行检查，但我正在努力减少开销。

请不要 jQuery 建议 ;)

Answer 1

使用输入元素的defaultChecked 属性。

您还可以为此使用 click 事件，因为当用户使用空格键/回车键来“检查”它时，也会触发 click 事件。

Answer 2

好吧，您可以在输入元素上使用 onmousedown 事件。它会执行您所要求的操作（当用户单击时激活事件），但是使用 onmousedown，您可以检查该元素是否已被选择。例子：

document.getElementById('#radio-button-x').onmousedown = function() {
    if (this.checked == true) {
        // was already selected
    } else {
        // not selected, do something
    }
};