JQuery'de bir düğmenin metni nasıl değiştirilir?

JQuery'de bir düğmenin metin değerini nasıl değiştirirsiniz? Şu anda, düğmemde metin değeri olarak 'Ekle' var ve tıklandığında 'Kaydet' olarak değişmesini istiyorum. Aşağıda bu yöntemi denedim, ancak şimdiye kadar başarı olmadan:

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

Kullandığınız düğme türüne bağlıdır

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

Düğmeniz de bir bağlantı olabilir. Daha spesifik bir cevap için biraz HTML göndermeniz gerekir.

EDIT : Bunlar .click()elbette bir çağrıda tamamladığını varsayarak işe yarayacak

DÜZENLEME 2 : Daha yeni jQuery versiyonları kullanıma (1.6> itibaren) .propyerine.attr

DÜZENLEME 3 : jQuery kullanıcı arabirimi kullanıyorsanız DaveUK'ın text özelliğini ayarlama yöntemini ( aşağıda ) kullanmanız gerekir

JQuery ........ 'da .Button () ile oluşturulan düğmeler için

Diğer cevaplar metni değiştirirken, düğmenin stilini bozarlar, bir jQuery düğmesi oluşturulduğunda, düğmenin metni bir açıklık içine yerleştirilir.

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

Yayılma alanını kaldırır ve metinle değiştirirseniz (diğer örneklerde olduğu gibi) - yayılma alanını ve ilişkili biçimlendirmeyi kaybedersiniz.

Yani aslında DÜĞME DEĞİL, SPAN etiketi içindeki metni değiştirmeniz gerekir!

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

veya (benim gibi bir tıklama etkinliğinde yapılıyorsa)

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

JQuery kullanılarak "düğmeli" ise düğme metnini değiştirmenin doğru yolu .button () yöntemini kullanmaktır:

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

Bir düğmenin içindeki metni değiştirmek için aşağıdaki jQuery satırını yürütün

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

kullanım

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

süre için

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

bunu kullan

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

kullanım .val()

JSfiddle bağlantısı

Yapman lazım .button("refresh")

HTML :

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

JS :

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

Düğmenizi düğmeniz varsa, bu işe yarıyor gibi görünüyor:

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

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

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

Bunun gibi bir şey kullanabilirsiniz:

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

Bunun gibi ekstra özellikler de ekleyebilirsiniz:

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

Kullanabilirsiniz

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

olmasına rağmen

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

ama yanıltıcıdır (böyle bir şey yazabileceğiniz izlenimini verir)

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

ama tabii ki yapamazsın

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

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

benim için iş html:

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

js

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

Düğmenize kimlik yerine bir sınıf verdiniz mi? aşağıdaki kodu deneyin

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

});

Bu hile yapmalı:

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

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

bu kesinlikle doğru, bu benim için çalışıyor;

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

Jquery'nin kullanılabilir olduğundan ve kodunuzun doğru yerde olduğundan emin misiniz?

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

C # 'daki düğme görgü kuralının adını değiştirme.

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

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