Cara mengubah teks tombol di jQuery?

Bagaimana anda mengubah nilai teks tombol di jQuery? Saat ini, saya memiliki tombol 'Tambahkan' sebagai nilai teks, dan setelah diklik saya ingin mengubah ke 'Simpan'. Saya telah mencoba metode ini di bawah ini, tapi sejauh ini tidak berhasil:

$("#btnAddProfile").attr('value', 'Save');
Flip
Pertanyaan edit 2 November 2017 в 10:59
Pemrograman
jquery jquery-ui
7 April 2011 в 11:56
15 tayangan
Mengomentari pertanyaan (5)
Larutan

Tergantung pada apa jenis tombol 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



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

Tombol anda juga bisa menjadi sebuah link. Anda'll perlu posting beberapa HTML untuk jawaban yang lebih spesifik.

EDIT : Ini akan bekerja dengan asumsi anda've dibungkus dalam .klik() call, tentu saja

EDIT 2 : Baru versi jQuery (dari > 1.6) menggunakan .prop daripada .attr

EDIT 3 : Jika anda're menggunakan jQuery UI, anda perlu menggunakan DaveUK's metode (di bawah) menyesuaikan teks properti

Community
Jawaban edit 23 Mei 2017 в 12:10
Komentar (12)

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

Sementara jawaban yang lain akan mengubah teks mereka akan mengacaukan gaya tombol, ternyata ketika jQuery tombol ini diberikan teks tombol yang bersarang dalam rentang mis.


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

Jika anda menghapus span dan menggantinya dengan teks (seperti dalam contoh-contoh lain) - anda'll longgar rentang dan terkait format.

Jadi anda benar-benar perlu untuk mengubah teks dalam tag SPAN dan TIDAK TOMBOL!

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

atau (jika suka saya itu's yang dilakukan pada acara klik)

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

Yang benar, cara mengubah teks tombol jika itu adalah "buttonized" menggunakan JQuery adalah dengan menggunakan .tombol() metode:

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

Untuk mengubah teks pada tombol hanya mengeksekusi baris berikut jQuery untuk

<input type=&#39;tombol&#39; nilai=&#39;XYZ&#39; id=&#39;btnAddProfile&#39;>

gunakan

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

sedangkan untuk

<button id=&#39;btnAddProfile&#39;>XYZ</tombol>

gunakan ini

$("#btnAddProfile").html(&#39;Simpan&#39;);

Komentar (3)

Gunakan .val()

[Di sini's link ke JSfiddle][1]

Komentar (0)

Yang perlu anda lakukan .tombol("menyegarkan")

HTML :

SET

JS :

$('#btnviewdetails').text('Save').button("refresh");
Thirumalai murugan
Jawaban edit 9 Maret 2015 в 10:19
Komentar (1)

Jika anda memiliki tombol'ed anda tombol ini tampaknya bekerja:

First caption

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

$("#btnAddProfile").teks("Simpan");

Komentar (0)

Anda dapat menggunakan sesuatu seperti ini:

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

Anda juga dapat menambahkan sifat tambahan seperti ini:

$(this).text('New Value').attr('disabled', true).addClass('bt-hud').unbind('click');
Musakkhir Sayyed
Jawaban edit 21 Juni 2017 в 5:52
Komentar (1)

Anda dapat menggunakan

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

meskipun

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

akan bekerja dengan baik, tapi itu's menyesatkan (memberikan kesan anda bisa menulis sesuatu seperti 

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

tapi tentu saja anda dapat't

Komentar (0)
 
document.getElementById('btnAddProfile').value='Save';
Komentar (1)
$("#btnAddProfile").click(function(){
    $("#btnAddProfile").attr('value', 'Save');
 });
Komentar (1)

it's bekerja untuk saya html:

abc

js

$("#btnSaveSchedule").text("new value");
Komentar (0)
$(document).ready(function(){
    $(":button").click(function(){
        $("p").toggle();

    if (this.value=="Add") this.value = "Save";
    else this.value = "Add";

  });
});



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>



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

<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
Nandhi Kumar
Jawaban edit 27 November 2017 в 11:01
Komentar (0)

Telah anda berikan tombol kelas bukan id? cobalah kode berikut

$(".btnSave").attr('value', 'Save');
Komentar (0)
$("#btnAddProfile").html('Save').button('refresh');
Komentar (0)
 
$("#btnviewdetails").click(function(){
    if($(this).val()!="hide details"){
        $("#detailedoutput").show();
        $(this).val('hide details');
    }else{
        $("#detailedoutput").hide();
        $(this).val('view more details');
    }

});
Komentar (2)

Ini harus melakukan trik:

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

Mengubah nama tombol etiket dalam C#.


Add
btnUpdate.**InnerText** = "Update";
danday74
Jawaban edit 15 Oktober 2018 в 8:10
Komentar (0)
    $( "#btnAddProfile" ).on( "click",function(event){
    $( event.target ).html( "Save" );
});
VladL
Jawaban edit 15 Mei 2015 в 7:32
Komentar (0)