javascript - 在javascript中动态更改字段id

Question

我有一个复选框和该复选框的标签，该复选框实际上编码为另一个字段:

    <td style="text-align:left; width:210px; font-size:11px;
    height:20px;vertical-align:middle; " colspan="2" >
    <asp:CheckBox ID="Weaknessx" runat="server" AutoPostBack="false"/>
    <a style="color: black;text-decoration: none;" id="Weakness"
       href="javascript:void(0)" 
       onclick="addlinethrough(Weakness)"
       ondblclick="removelinethrough(Weakness)">Weakness</a>
    </td>

用户可以选择:单击复选框/取消单击复选框；单击标签/取消单击标签

单击标签时，textDecoration 将更改为直通式。当双击标签时，textDecoration 更改为无。这工作得很好。

我想要做的是，当单击标签进行换行时，我还想“取消选中”该复选框。有几个类似的字段，因此为了使用一组 JavaScript 来完成此操作，我对标签和复选框进行了类似的命名。标签 id =“弱点”复选框 id =“弱点x”该复选框始终附加一个“x”。

这是我的 JavaScript，它不起作用。该复选框不会被取消选中。

function addlinethrough(elem) {
    elem.style.textDecoration = "line-through";
    document.getElementById(elem+x).checked = false;
    return false;
}
function removelinethrough(elem) {
    elem.style.textDecoration = "none";
    return false;
}

在我看来，复选框 ID 未被识别

Answer 1

如果你想追加一个字符串，你需要使用刻度，并且需要获取 ID，而不是元素本身:

document.getElementById(elem.id + 'x')

会起作用的。