[JQUERY] 어떻게 jQuery를에있는 버튼의 텍스트를 변경하려면?

어떻게 jQuery를에있는 버튼의 텍스트를 변경하려면?

해결법

1. ---

   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>에서) .attr보다는 .prop 사용

   편집 3 : 당신이 jQuery를 UI를 사용하는 경우, 당신은 텍스트 속성을 조정하는 (아래) DaveUK의 방법을 사용할 필요가

2. ---

   2.jQuery를 .Button에서 ()로 생성 된 버튼의 ........

   jQuery를 .Button에서 ()로 생성 된 버튼의 ........

   다른 응답들이 혼란 버튼의 스타일 업되는 텍스트를 변경하는하는 동안, 그것은 jQuery를 버튼이 렌더링 될 때 버튼의 텍스트를 예를 들어, 기간에 중첩되는 것을 밝혀

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

   당신이 범위를 제거하고 (다른 예에서와 같이) 텍스트로 교체하는 경우 - 당신은 스팬 및 관련 서식을 풀 수 있습니다.

   그래서 당신은 실제로하여 SPAN 태그 내의 텍스트 및 NOT 버튼을 변경해야합니다!

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

   또는 (나 같은이 클릭 이벤트에서 수행되는 않은 경우)

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

3. ---

   3.이 "buttonized"경우 버튼 텍스트 변경의 정확한 방법은 사용 JQuery와 () 메소드 .button 사용하는 것이다 :

   이 "buttonized"경우 버튼 텍스트 변경의 정확한 방법은 사용 JQuery와 () 메소드 .button 사용하는 것이다 :

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

4. ---

   4.버튼의 텍스트를 변경하려면 단순히 jQuery를 다음 줄을 실행 ...에 대한

   버튼의 텍스트를 변경하려면 단순히 jQuery를 다음 줄을 실행 ...에 대한

   사용하다

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

   대한 동안

   <버튼 ID = 'btnAddProfile'> XYZ

   이것을 사용

   $ ( "# btnAddProfile") HTML ( '다른 이름으로 저장.');

5. ---

   5.() .val 사용

   () .val 사용

   여기 JSfiddle에 대한 링크입니다

6. ---

   6.당신은 ( "새로 고침") .button 할 필요가

   당신은 ( "새로 고침") .button 할 필요가

   HTML :

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

   JS :

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

7. ---

   7.당신이 당신의 버튼을 button'ed 경우이 작동하는 것 같다 :

   당신이 당신의 버튼을 button'ed 경우이 작동하는 것 같다 :

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

8. ---

   8.이 같은 것을 사용할 수 있습니다 :

   이 같은 것을 사용할 수 있습니다 :

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

   당신은 또한이 같은 추가 속성을 추가 할 수 있습니다 :

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

9. ---

   9.$ ( "# btnAddProfile") 텍스트 ( "저장.");

   $ ( "# btnAddProfile") 텍스트 ( "저장.");

10. ---

    10.당신이 사용할 수있는

    당신이 사용할 수있는

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

    이기는 하지만

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

    잘 작동하지만, 오해의 소지가 그것의 것 (당신이 뭔가를 쓸 수있는 인상을 준다

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

    그러나 물론 당신은 할 수 없습니다

11. ---

    11.

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

12. ---

    12.

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

13. ---

    13.나를 위해 일입니다 HTML :

    나를 위해 일입니다 HTML :

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

    JS

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

14. ---

    14.$ (문서) .ready (함수 () { $ ( "버튼"). () {(기능을 클릭 $ ( "P") 토글 ().; (this.value == "추가") this.value = "저장"경우; 다른 this.value = "추가"; }); }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">

    이 작은 콘텐츠 단락이다.

    이 다른 소 단락이다.

    $ (문서) .ready (함수 () { $ ( "버튼"). () {(기능을 클릭 $ ( "P") 토글 ().; (this.value == "추가") this.value = "저장"경우; 다른 this.value = "추가"; }); }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">

    이 작은 콘텐츠 단락이다.

    이 다른 소 단락이다.

15. ---

    15.당신은 클래스 대신의 이드 버튼을 준 적이 있습니까? 다음 코드를 시도

    당신은 클래스 대신의 이드 버튼을 준 적이 있습니까? 다음 코드를 시도

    $(".btnSave").attr('value', 'Save');
    

16. ---

    16.

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

17. ---

    17.이 트릭을 수행해야합니다

    이 트릭을 수행해야합니다

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

18. ---

    18.

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

19. ---

    19.즉,이 나를 위해 작동 정확히 맞습니다;

    즉,이 나를 위해 작동 정확히 맞습니다;

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

    당신은 jQuery를 사용할 수 있고 코드가 올바른 위치에 있는지 확인입니까?

20. ---

    20.

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

21. ---

    21.C #에서 버튼 에티켓의 이름을 변경.

    C #에서 버튼 에티켓의 이름을 변경.

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

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

from https://stackoverflow.com/questions/5580616/how-to-change-the-text-of-a-button-in-jquery by cc-by-sa and MIT license