1. ホーム
  2. jquery

[解決済み】jQueryでボタンのテキストを変更する方法は?

2022-03-23 21:38:12

質問

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を投稿する必要があります。

EDIT : これらは、あなたがそれを .click() の呼び出しは、もちろん

EDIT 2 : 新しいバージョンの jQuery (> 1.6 以降) では .prop ではなく .attr

EDIT 3 : jQuery UIを使用している場合、DaveUKの方法( 以下 ) のテキストプロパティを調整する