Сменить текст кнопки с помощью другой кнопки

Question

У меня есть две кнопки, и я должен изменить текст кнопки1, когда я нажимаю на кнопку2.

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="delUserButton<%=ud.getUserId()%>".

Так elem будет null, потому что нет такого элемента с указанным на странице, а 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" />