javascript - 使用 JavaScript 更新表格单元格内的单选按钮

Question

我正在尝试使用 JavaScript 来更新由一家大公司管理的网站上单选按钮的选中状态。问题是 – 该页面的两个相关单选按钮具有重复的 ID 和名称，并且它们驻留在未命名表格的一行单元格中。我想选择第一个。感谢您的帮助。

下面是基本的html

<table cellspacing='0' cellpadding='0' border='0'>
    <tr>
        <td>
            <img alt='spacer' src='../Images/blank.gif' width='10' height='1' border='0' />
        </td>
        <td id='A-Q1_0200-1' valign='top'>
            <font size='-1'>
                <input type='radio' name='Q1_0200' id='Q1_0200' value='1' onclick='FormChanged()'
                class='bodyInput' />
            </font>
        </td>
        <td colspan='1' valign='top' id='A-Q1_0200-1-T'>
            <font size='-1'>
                &nbsp;Yes
            </font>
        </td>
        <td>
            <font size='-1'>
                &nbsp;
            </font>
        </td>
        <td id='A-Q1_0200-2' valign='top'>
            <font size='-1'>
                <input type='radio' name='Q1_0200' id='Q1_0200' value='2' checked='checked' onclick='FormChanged()'
                class='bodyInput' />
            </font>
        </td>
        <td colspan='1' valign='top' id='A-Q1_0200-2-T'>
            <font size='-1'>
                &nbsp;No
            </font>
        </td>
    </tr>
</table>

下面是我尝试更新 radio 以选择第一个 radio 选项的各种 JavaScript 示例。

    document.getElementById('A-Q1_0200-1').Q1_0201.checked='checked'; 

    document.getElementById('A-Q1_0200-1').radio[0].checked=TRUE;

    document.getElementById('Q1_0200').checked=TRUE

    document.getElementById('Q1_0200').checked=’TRUE

Answer 1

您不能有重复的 ID，并且期望 getElementById()上类。 ID的意思是“身份”，每个ID都需要是唯一的。这就是您的第三个和第四个示例失败的原因。

以下代码将选择父项 <td>通过它的 id，然后它将选择第一个后代 input并设置checked属性。

document.getElementById('A-Q1_0200-1').getElementsByTagName("input")[0].checked = "checked";