¿Cómo cambiar el texto de un botón en jQuery?

Depende del tipo de botón que estés usando

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").attr('value', 'Save'); //versions older than 1.6

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").prop('value', 'Save'); //versions newer than 1.6

<!-- Different button types-->

<button id='btnAddProfile' type='button'>Add</button>
$("#btnAddProfile").html('Save');

Su botón también podría ser un enlace. Deberá publicar algo de HTML para obtener una respuesta más específica.

EDITAR : Funcionarán asumiendo que lo ha envuelto en un .click() llamar, por supuesto

EDIT 2 : Las versiones más recientes de jQuery (desde> 1.6) usan .prop más bien que .attr

EDIT 3 : Si está usando jQuery UI, debe usar el método de DaveUK (a continuación) de ajustar la propiedad del texto

Para botones creados con .Button () en jQuery ........

Si bien las otras respuestas cambiarán el texto, estropearán el estilo del botón, resulta que cuando se representa un botón de jQuery, el texto del botón está anidado dentro de un intervalo, por ejemplo

<button id="thebutton">
  <span class="ui-button-text">My Text</span>
</button>

Si elimina el intervalo y lo reemplaza con texto (como en los otros ejemplos), perderá el intervalo y el formato asociado.

¡Así que realmente necesita cambiar el texto dentro de la etiqueta SPAN y NO el BOTÓN!

$("#thebutton span").text("My NEW Text");

o (si, como yo, se está haciendo en un evento de clic)

$("span", this).text("My NEW Text");

La forma correcta de cambiar el texto del botón si estaba "abotonado" usando JQuery es usar el método .button ():

$( ".selector" ).button( "option", "label", "new text" );

Para cambiar el texto de un botón, simplemente ejecute la siguiente línea de jQuery para

<input type='button' value='XYZ' id='btnAddProfile'>

utilizan el

$("#btnAddProfile").val('Save');

mientras que para

<button id='btnAddProfile'>XYZ</button>

utilizar este

$("#btnAddProfile").html('Save');

Utilice la herramienta .val()

Aquí hay un enlace a JSfiddle

Necesitas hacer .button("refresh")

HTML :

<button id='btnviewdetails' type='button'>SET</button>

JS :

$('#btnviewdetails').text('Save').button("refresh");

Si ha abotonado su botón, esto parece funcionar:

<button id="button">First caption</button>

$('#button').button();//make it nice
var text="new caption";
$('#button').children().first().html(text);

Puedes usar algo como esto:

$('#your-button').text('New Value');

También puede agregar propiedades adicionales como esta:

$(this).text('New Value').attr('disabled', true).addClass('bt-hud').unbind('click');

Puedes usar

$("#btnAddProfile").text('Save');

aunque

$("#btnAddProfile").html('Save');

también funcionaría, pero es engañoso (da la impresión de que podrías escribir algo como

$("#btnAddProfile").html('Save <b>now</b>');

pero por supuesto que no puedes

$("#btnAddProfile").text("Save");

$("#btnAddProfile").click(function(){
    $("#btnAddProfile").attr('value', 'Save');
 });

document.getElementById('btnAddProfile').value='Save';

es un trabajo para mí html:

<button type="button" class="btn btn-primary" id="btnSaveSchedule">abc</button>

js

$("#btnSaveSchedule").text("new value");

¿Le ha dado a su botón una clase en lugar de una identificación? prueba el siguiente código

$(".btnSave").attr('value', 'Save');

$("#btnviewdetails").click(function(){
    if($(this).val()!="hide details"){
        $("#detailedoutput").show();
        $(this).val('hide details');
    }else{
        $("#detailedoutput").hide();
        $(this).val('view more details');
    }

});

Esto debería funcionar:

$("#btnAddProfile").prop('value', 'Save');       
$("#btnAddProfile").button('refresh');

$("#btnAddProfile").html('Save').button('refresh');

eso es exactamente correcto, esto funciona para mí;

    $('#btnAddProfile').bind('click',function(){
    $(this).attr('value','save');
})

¿Estás seguro de que Jquery está disponible y que tu código está en el lugar correcto?

    $( "#btnAddProfile" ).on( "click",function(event){
    $( event.target ).html( "Save" );
});

Cambiar el nombre de la etiqueta del botón en C #.

<button type="submit" name="add" id="btnUpdate" class="btn btn-primary" runat="server" onserverclick="btnUpdate_Click">
Add

btnUpdate.**InnerText** = "Update";