Question

我有两个按钮，当我点击button2时，我需要更改button1的文本。

 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" />

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

1 个答案: