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()

JSfiddle에 대한 링크는 다음과 같습니다.

당신은해야합니다 .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";