Wie ändere ich den Text einer Schaltfläche in jQuery?

Wie ändere ich den Textwert einer Schaltfläche in jQuery? Derzeit hat meine Schaltfläche "Hinzufügen" als Textwert, und wenn ich darauf klicke, möchte ich, dass sie in "Speichern" geändert wird. Ich habe diese Methode unten ausprobiert, aber bisher ohne Erfolg:

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

Hängt davon ab, welche Art von Schaltfläche Sie verwenden

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

Ihr Button könnte auch ein Link sein. Sie müssen HTML-Code veröffentlichen, um eine genauere Antwort zu erhalten.

BEARBEITEN : Diese funktionieren .click()natürlich, vorausgesetzt, Sie haben sie in einen Anruf eingebunden

BEARBEITEN 2 : Neuere jQuery-Versionen (ab> 1.6) verwenden .propeher als.attr

BEARBEITEN 3 : Wenn Sie die jQuery-Benutzeroberfläche verwenden, müssen Sie die DaveUK-Methode ( unten ) zum Anpassen der Texteigenschaft verwenden

Für Schaltflächen, die mit .Button () in jQuery erstellt wurden ........

Während die anderen Antworten den Text ändern, wird das Design der Schaltfläche durcheinander gebracht. Es stellt sich jedoch heraus, dass beim Rendern einer jQuery-Schaltfläche der Text der Schaltfläche innerhalb eines Bereichs verschachtelt ist, z

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

Wenn Sie den Bereich entfernen und durch Text ersetzen (wie in den anderen Beispielen), verlieren Sie den Bereich und die zugehörige Formatierung.

Sie müssen also tatsächlich den Text innerhalb des SPAN-Tags und NICHT die TASTE ändern!

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

oder (wenn es wie ich bei einem Klickereignis gemacht wird)

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

Die korrekte Methode zum Ändern des Schaltflächentextes, wenn er mit JQuery "geknöpft" wurde, ist die Verwendung der Methode .button ():

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

Um den Text einer Schaltfläche zu ändern, führen Sie einfach die folgende Zeile von jQuery für aus

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

verwenden

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

während für

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

benutze das

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

Verwenden .val()

Hier ist ein Link zu JSfiddle

Du musst tun .button("refresh")

HTML :

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

JS :

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

Wenn Sie Ihren Knopf geknöpft haben, scheint dies zu funktionieren:

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

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

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

Sie können so etwas verwenden:

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

Sie können auch zusätzliche Eigenschaften wie diese hinzufügen:

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

Sie können verwenden

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

obwohl

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

würde auch funktionieren, aber es ist irreführend (es gibt den Eindruck, man könnte so etwas schreiben

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

aber natürlich kannst du nicht

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

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

es ist Arbeit für mich html:

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

js

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

Haben Sie Ihrem Button eine Klasse anstelle einer ID gegeben? Versuchen Sie den folgenden Code

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

});

Dies sollte den Trick tun:

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

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

das ist genau richtig, das funktioniert bei mir;

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

Sind Sie sicher, dass Jquery verfügbar ist und sich Ihr Code an der richtigen Stelle befindet?

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

Ändern des Namens der Tastenetikette in C #.

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

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