javascript - 使用另一个按钮更改按钮文本

Question

我有两个按钮，当我单击按钮2时，我需要更改按钮1的文本。

 function change() {
        var elem = document.getElementById("delUserButton")
        if (elem.value === "Disable")
            elem.value = "Enable";
        else
            elem.value = "Disable";
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit"  value="OK" onclick="change();"/>
<input  type="button" id="delUserButton<%=ud.getUserId()%>" onclick="openDelDiv(<%=ud.getUserId()%>, '<%=ud.getUserName()%>');" value="Disable" />

但是这不起作用。有什么建议吗？

Answer 1

当然它不会工作，因为你没有使用 id="delUserButton"作为第二个按钮的 id，但您正在使用 id="delUserButton<%=ud.getUserId()%>" .

所以elem将是null因为页面中没有这个id的元素，如document.getElementById("delUserButton")将返回null .

您可以在此处看到它已修复:

function change() {
    var elem = document.getElementById("delUserButton")
    if (elem.value === "Disable")
        elem.value = "Enable";
    else
        elem.value = "Disable";
}

<input type="submit"  value="OK" onclick="change();"/>

<input  type="button" id="delUserButton" onclick="openDelDiv(<%=ud.getUserId()%>, '<%=ud.getUserName()%>');" value="Disable" />