☰

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

tag-icon • tag-icon jquery jquery-ui
jQuery でボタンのテキストを変更するにはどうすればいいですか? 質問する

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

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

ベストアンサー1

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

<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の方法を使用する必要があります（下に）テキストプロパティを調整する

おすすめ記事