$("#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');

使用JQuery修改按钮文本的正确方法是使用.button()方法:

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

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

你需要执行。button("refresh")

HTML:

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

JS :

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

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