jQueryでボタンのテキストを変更するにはどうすればよいですか？

jQueryでボタンのテキスト値をどのように変更しますか？現在、私のボタンにはテキスト値として「追加」があり、クリックすると「保存」に変更します。以下でこの方法を試しましたが、これまでのところ成功していません：

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

使用しているボタンのタイプによって異なります

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

ボタンはリンクにもなります。より具体的な回答を得るには、HTMLを投稿する必要があります。

編集：これらは.click()もちろん、通話にラップした場合に機能します

編集2：より新しいjQueryバージョン（> 1.6以降）では.propなく.attr

編集3：jQuery UIを使用している場合は、DaveUKのテキストプロパティを調整する方法（以下）を使用する必要があります。

jQueryの.Button（）で作成されたボタン........

他の回答はボタンのスタイルを乱すテキストを変更しますが、jQueryボタンがレンダリングされると、ボタンのテキストがスパン内にネストされることがわかります。

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

（他の例のように）スパンを削除してそれをテキストに置き換えると、スパンとそれに関連する書式が失われます。

したがって、実際にはボタンではなくSPANタグ内のテキストを変更する必要があります。

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

または（私のようにクリックイベントで行われている場合）

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

JQueryを使用して「ボタン化」された場合にボタンテキストを変更する正しい方法は、.button（）メソッドを使用することです。

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

ボタンのテキストを変更するには、jQueryの次の行を実行します。

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

使用する

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

の間

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

これを使って

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

使用する .val()

ここにJSSfiddleへのリンクがあります

あなたがする必要があります .button("refresh")

HTML：

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

JS：

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

あなたがあなたのボタンにボタンを押した場合、これはうまくいくようです：

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

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

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

次のようなものを使用できます。

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

次のような追加のプロパティを追加することもできます。

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

使用できます

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

が

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

同様に機能しますが、それは誤解を招きやすいです（それはあなたが次のようなものを書くことができるという印象を与えます

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

もちろんできません

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

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

それは私にとってはhtmlです：

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

js

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

ボタンにIDではなくクラスを指定しましたか？次のコードを試してください

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

});

これでうまくいくはずです：

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

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

それは正確です。これは私にとってはうまくいきます。

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

Jqueryが利用可能であり、コードが正しい場所にあることを確認しますか？

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

C＃でのボタンエチケットの名前の変更。

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

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