javascript - document.getElementById.checked=true 在 Chrome 中不起作用

Question

我正在编写代码以从下拉列表中选择一个值，单选按钮将根据 onClick 属性自动检查自身。该代码在 Firefox 和 IE 中均有效，但在 Chrome 中无效。

这是下拉列表的代码:

<select name="c_DOB_year" id="c_DOB_year">
    <option selected="selected">Year</option>
    <option value="2008" onClick="document.getElementById('c_age_2').checked=true;">2008</option>
    <option value="2009" onClick="document.getElementById('c_age_1').checked=true;">2009</option>
    <option value="2010" onClick="document.getElementById('c_age_0').checked=true;">2010</option>
</select>

这是单选按钮的代码:

<label>
    <input type="radio" name="c_age" value="4 Years" id="c_age_0" />
    4 Years
</label>

<label>
    <input type="radio" name="c_age" value="5 Years" id="c_age_1" />
    5 Years
</label>

<label>
    <input type="radio" name="c_age" value="6 Years" id="c_age_2" />
    6 Years
</label>

问题出在哪里？希望可以有人帮帮我。谢谢。 :D

Answer 1

我认为点击事件在选项上无效。然而，它对于选择的元素是有效的。尝试一下:

var d= {
    '2008':'c_age_2',
    '2009':'c_age_1',
    '2010':'c_age_0',
};
var ele = document.getElementById('c_DOB_year');
ele.onchange = function(){
    document.getElementById(d[ele.value]).checked=true;
}