Как изменить текст кнопки с помощью jQuery

Вы можете просто использовать jQuery-метод prop()для изменения текста кнопок, созданных с помощью HTML-элемента <input>, тогда как для изменения текста кнопок, созданных с помощью элемента <button>, вам нужно использовать метод html(). Код jQuery в следующем примере изменит текст кнопки в готовом документе:

<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery Change Button Text</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
    // Изменяем текст в элементе input button
    $("#myInput").prop("value", "Input New Text");
    
    // Изменяем текст в элементе button
    $("#myButton").html("Button New Text");
});
</script>
</head>
<body>
    <input type="button" id="myInput" value="Input Text">
    <button type="button" id="myButton">Button Text</button>
</body>
</html>

Читайте также

Похожие примеры: