title: document.getElementById.checked=true not working in chrome
body: <p>I'm writing a code to select a value from a drop-down list and the radio button will automatically checked itself according to the onClick attribute. The code worked both in Firefox and IE but not in Chrome.</p>
  
  <p>This is the code for the drop-down list:</p>
  
  <pre><code>&lt;select name="c_DOB_year" id="c_DOB_year"&gt;
      &lt;option selected="selected"&gt;Year&lt;/option&gt;
      &lt;option value="2008" onClick="document.getElementById('c_age_2').checked=true;"&gt;2008&lt;/option&gt;
      &lt;option value="2009" onClick="document.getElementById('c_age_1').checked=true;"&gt;2009&lt;/option&gt;
      &lt;option value="2010" onClick="document.getElementById('c_age_0').checked=true;"&gt;2010&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>This is the code for the radio button:</p>
  
  <pre><code>&lt;label&gt;
      &lt;input type="radio" name="c_age" value="4 Years" id="c_age_0" /&gt;
      4 Years
  &lt;/label&gt;
  
  &lt;label&gt;
      &lt;input type="radio" name="c_age" value="5 Years" id="c_age_1" /&gt;
      5 Years
  &lt;/label&gt;
  
  &lt;label&gt;
      &lt;input type="radio" name="c_age" value="6 Years" id="c_age_2" /&gt;
      6 Years
  &lt;/label&gt;
  </code></pre>
  
  <p>What seems to be the problem? Hope someone can help me. Thanks. :D</p>