Jquery Button text change - 버튼 텍스트 변경

가이드문구

button 타입으로 되어있는 input 박스에서 클릭 시 버튼의 텍스트를 변경해주는 스크립트 입니다.

  1. <input type='button' value='Add' id='btnAddProfile'>
  2. $("#btnAddProfile").attr('value', 'Save');
  3. <input type='button' value='Add' id='btnAddProfile'>
  4. $("#btnAddProfile").prop('value', 'Save');
  5. <button id='btnAddProfile' type='button'>Add</button>
  6. $("#btnAddProfile").html('Save');


버튼으로 되어 있고 span 텍스트를 변경 시에는 아래 스크립트를 참조하세요.

  1. <button id="thebutton">
  2. <span class="ui-button-text">My Text</span>
  3. </button>
  4. $("#thebutton span").text("My NEW Text");
작성자 소개
초이 프로필
WrapUp 블로거

초이

반려견을 좋아하고, 차를 좋아하고, 여행을 좋아하고, 맛집을 찾아 즐기는 웹 개발자 입니다^^