Bagaimana cara mengubah teks tombol di jQuery?

Bagaimana Anda mengubah nilai teks tombol di jQuery? Saat ini, tombol saya memiliki 'Tambah' sebagai nilai teksnya, dan setelah diklik saya ingin mengubahnya menjadi 'Simpan'. Saya telah mencoba metode ini di bawah ini, tetapi sejauh ini tidak berhasil:

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

Tergantung pada jenis tombol apa yang Anda gunakan

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

Tombol Anda juga bisa menjadi tautan. Anda harus memposting beberapa HTML untuk jawaban yang lebih spesifik.

EDIT : Ini akan bekerja dengan asumsi Anda telah membungkusnya dengan .click()panggilan, tentu saja

EDIT 2 : Versi jQuery yang lebih baru (dari> 1,6) menggunakan .propdaripada.attr

EDIT 3 : Jika Anda menggunakan jQuery UI, Anda harus menggunakan metode DaveUK (di bawah ) untuk menyesuaikan properti teks

Untuk tombol yang dibuat dengan .Tombol () di jQuery ........

Sementara jawaban lain akan mengubah teks mereka akan mengacaukan styling tombol, ternyata ketika tombol jQuery diberikan teks tombol bersarang dalam rentang misalnya

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

Jika Anda menghapus rentang dan menggantinya dengan teks (seperti dalam contoh lain) - Anda akan kehilangan rentang dan format terkait.

Jadi, Anda benar-benar perlu mengubah teks di dalam tag SPAN dan BUKAN TOMBOL!

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

atau (jika seperti saya itu dilakukan pada acara klik)

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

Cara yang benar untuk mengubah teks tombol jika telah "di-tombol" menggunakan JQuery adalah dengan menggunakan metode .button ():

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

Untuk mengubah teks dalam sebuah tombol, cukup jalankan baris jQuery untuk

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

menggunakan

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

sementara untuk

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

Gunakan ini

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

Menggunakan .val()

Berikut ini tautan ke JSfiddle

Yang perlu Anda lakukan .button("refresh")

HTML :

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

JS :

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

Jika Anda telah mengancingkan tombol Anda, ini sepertinya berfungsi:

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

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

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

Anda dapat menggunakan sesuatu seperti ini:

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

Anda juga dapat menambahkan properti tambahan seperti ini:

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

Kamu bisa menggunakan

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

meskipun

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

akan bekerja juga, tapi itu menyesatkan (itu memberi kesan Anda bisa menulis sesuatu seperti

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

tapi tentu saja kamu tidak bisa

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

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

itu bekerja untuk saya html:

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

js

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

Sudahkah Anda memberi kelas Anda tombol alih-alih id? coba kode berikut

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

});

Ini harus melakukan trik:

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

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

itu benar sekali, ini bekerja untuk saya;

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

apakah Anda yakin Jquery tersedia dan bahwa kode Anda berada di tempat yang benar?

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

Mengubah nama etiket tombol di C #.

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

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