javascript getting reference to control in same cell of table
<p>I have a table which is generated from data from a datbase. It might have 3 rows and 2 cells.</p>

<p>Each cell has a checkbox in it and 2 hidden form fields.</p>

<p>So, a typical row might look like this:</p>

<pre><code>&lt;tr&gt;
&lt;td&gt;
&lt;input type="checkbox" id="Assign" onclick="setchanged(this);"&gt;
&lt;input type="hidden" id="hfChanged" value="0"&gt;
&lt;input type="hidden" id="hfAgentID value="272"&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;input type="checkbox" id="Assign" onclick="setchanged(this);"&gt;
&lt;input type="hidden" id="hfChanged" value="0"&gt;
&lt;input type="hidden" id="hfAgentID value="324"&gt;
&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>The requirement is - when a checkbox is clicked, it should set the value of the hfChanged hidden field in the same cell to 1.</p>

<p>This works in Internet Explorer:</p>

<pre><code>function setchanged(me)
{
me.parentElement.all("hfChanged").value = 1;
}
</code></pre>

<p>How can I set the value of hfChanged in Standards Compliant browsers like Firefox or Chrome?</p>
