как изменить текст кнопки в jquery?

<p>как изменить текстовое значение кнопки в jquery? в настоящее время моя кнопка имеет «добавить» в качестве текстового значения, и после нажатия я хочу, чтобы она изменилась на «сохранить». я попробовал этот метод ниже, но пока безуспешно:</p><pre><code>$("#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'); </code></pre><p>ваша кнопка также может быть ссылкой. вам нужно будет опубликовать html для более конкретного ответа. </p><p><strong>edit</strong>: они будут работать, если вы, конечно, завернули его в вызов <code>.click()</code></p><p><strong>edit 2</strong>: более новые версии jquery (от> 1.6) используют <code>.prop</code> вместо <code>.attr</code></p><p><strong>edit 3</strong>: если вы используете jquery ui, вам нужно использовать метод daveuk ( <a href="https://stackoverflow.com/a/8755696/295508">ниже</a> ) для настройки свойства текста </p>

<p>для кнопок, созданных с помощью .button () в jquery ........</p><p>в то время как другие ответы изменят текст, они испортят стилизацию кнопки, оказывается, что когда рендерится кнопка jquery, текст кнопки вкладывается в промежуток, например.</p><pre><code><button id="thebutton"> <span class="ui-button-text">my text</span> </button> </code></pre><p>если вы удалите диапазон и замените его текстом (как в других примерах) - вы потеряете диапазон и соответствующее форматирование.</p><p>таким образом, вам действительно нужно изменить текст внутри тега span, а не кнопку!</p><pre><code>$("#thebutton span").text("my new text"); или (если, как и я, это делается на событии клика)$("span", this).text("my new text"); </code></pre>

<p>правильный способ изменить текст кнопки, если она была «застегнута» с помощью jquery, - это использовать метод .button ():</p><pre><code>$( ".selector" ).button( "option", "label", "new text" ); 

чтобы изменить текст кнопки, просто выполните следующую строку jquery for<input type='button' value='xyz' id='btnaddprofile'>использование$("#btnaddprofile").val('save'); </code></pre><p>в то время как для</p><p><code><button id='btnaddprofile'>xyz</button></code></p><p>использовать этот</p><p><code>$("#btnaddprofile").html('save');

используйте .val() <a href="http://jsfiddle.net/lya6q/">вот ссылка на jsfiddle 

вам нужно сделать .button("refresh")<strong>html</strong>:<button id='btnviewdetails' type='button'>set</button> <strong>js</strong>:$('#btnviewdetails').text('save').button("refresh"); </code></pre>

<p>если вы нажали кнопку, это работает:</p><pre><code><button id="button">first caption</button> $('#button').button();//make it nice var text="new caption"; $('#button').children().first().html(text); </code></pre>

<p><code>$("#btnaddprofile").text("save");

вы можете использовать что-то вроде этого:$('#your-button').text('new value'); </code></pre><p>вы также можете добавить дополнительные свойства, как это:</p><pre><code>$(this).text('new value').attr('disabled', true).addclass('bt-hud').unbind('click'); 

ты можешь использовать$("#btnaddprofile").text('save'); </code></pre><p>хотя</p><pre><code>$("#btnaddprofile").html('save'); будет работать, но это вводит в заблуждение (создается впечатление, что вы могли бы написать что-то вроде $("#btnaddprofile").html('save <b>now</b>'); </code></pre><p>но, конечно, вы не можете</p>

<pre><code>document.getelementbyid('btnaddprofile').value='save'; </code></pre>

<pre><code>$("#btnaddprofile").click(function(){ $("#btnaddprofile").attr('value', 'save'); }); </code></pre>

<p>это работа для меня html:</p><pre><code><button type="button" class="btn btn-primary" id="btnsaveschedule">abc</button> </code></pre><p>js</p><pre><code>$("#btnsaveschedule").text("new value"); 

вы дали своей кнопке класс вместо идентификатора? попробуйте следующий код$(".btnsave").attr('value', 'save'); </code></pre>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){ $(":button").click(function(){ $("p").toggle(); if (this.value=="add") this.value = "save"; else this.value = "add"; }); }); <pre class="snippet-code-html lang-html prettyprint-override"><!doctype html>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>   <input type='button' value='add' id='btnaddprofile'> this is a paragraph with little content. this is another small paragraph.     

это должно сделать трюк:$("#btnaddprofile").prop('value', 'save'); $("#btnaddprofile").button('refresh'); 

$("#btnaddprofile").html('save').button('refresh'); </code></pre>

<pre><code> $( "#btnaddprofile" ).on( "click",function(event){ $( event.target ).html( "save" ); }); </code></pre>

<p>меняется название кнопки этикет в c #.</p><pre><code><button type="submit" name="add" id="btnupdate" class="btn btn-primary" runat="server" onserverclick="btnupdate\_click"> add </code></pre><p></p><pre><code>btnupdate.**innertext** = "update"; </code></pre>

<pre><code>$("#btnviewdetails").click(function(){ if($(this).val()!="hide details"){ $("#detailedoutput").show(); $(this).val('hide details'); }else{ $("#detailedoutput").hide(); $(this).val('view more details'); } }); </code></pre>

<p>это совершенно правильно, это работает для меня;</p><pre><code> $('#btnaddprofile').bind('click',function(){ $(this).attr('value','save'); }) </code></pre><p>вы уверены, что jquery доступен и ваш код находится в правильном месте?</p>