CODEWITHSUNDEEP
javascripthtml
Mohamed Nagy
Mohamed Nagy

Reputation: 176

Change button text using another button

I have two buttons and I need to change the text of button1 when I click on button2.

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

But it doesn't work. Any suggestions?

Upvotes: 0

Views: 1036

Answers (1)

cнŝdk
cнŝdk

Reputation: 32145

Of course it won't work because you aren't using id="delUserButton" as an id for your second button, but you are using id="delUserButton<%=ud.getUserId()%>".

So elem will be null because there's no such element with this id in the page, as document.getElementById("delUserButton") will return null.

You can see it fixed here:

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

Upvotes: 1

Related Questions