Come modificare il testo di un pulsante in jQuery?

Come si modifica il valore del testo di un pulsante in jQuery? Attualmente, il mio pulsante ha "Aggiungi" come valore di testo e, dopo essere stato cliccato, voglio che cambi in "Salva". Ho provato questo metodo di seguito, ma finora senza successo:

$("#btnAddProfile").attr('value', 'Save');

Dipende dal tipo di pulsante che stai utilizzando

<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');

Il tuo pulsante potrebbe anche essere un link. Dovrai pubblicare del codice HTML per una risposta più specifica.

EDIT : Funzioneranno supponendo che tu l'abbia avvolto in una .click()chiamata, ovviamente

EDIT 2 : Le versioni jQuery più recenti (da> 1.6) usano .propinvece di.attr

MODIFICA 3 : se si utilizza l'interfaccia utente di jQuery, è necessario utilizzare il metodo DaveUK (di seguito ) per regolare la proprietà del testo

Per i pulsanti creati con .Button () in jQuery ........

Mentre le altre risposte cambieranno il testo, confonderanno lo stile del pulsante, si scopre che quando viene reso un pulsante jQuery il testo del pulsante viene annidato in un arco, ad es.

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

Se rimuovi l'intervallo e lo sostituisci con il testo (come negli altri esempi), perderai l'intervallo e la formattazione associata.

Quindi in realtà devi cambiare il testo all'interno del tag SPAN e NON il PULSANTE!

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

o (se come me è stato fatto su un evento click)

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

Il modo corretto di modificare il testo del pulsante se è stato "abbottonato" utilizzando JQuery è utilizzare il metodo .button ():

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

Per modificare il testo in un pulsante, è sufficiente eseguire la seguente riga di jQuery per

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

uso

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

mentre per

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

Usa questo

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

Uso .val()

Ecco un link a JSfiddle

Devi fare .button("refresh")

HTML :

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

JS :

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

Se hai abbottonato il tuo pulsante, questo sembra funzionare:

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

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

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

Puoi usare qualcosa del genere:

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

Puoi anche aggiungere proprietà extra come questa:

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

Puoi usare

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

sebbene

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

funzionerebbe anche, ma è fuorviante (dà l'impressione di poter scrivere qualcosa del genere

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

ma ovviamente non puoi

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

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

funziona per me html:

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

js

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

Hai dato al tuo pulsante una classe anziché un ID? prova il seguente codice

$(".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');
    }

});

Questo dovrebbe fare il trucco:

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

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

è esattamente corretto, questo funziona per me;

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

sei sicuro che Jquery sia disponibile e che il tuo codice sia nel posto giusto?

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

Modifica del nome dell'etichetta del pulsante in C #.

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

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