최신 게시글(WEB)
HOME > WEB > 최신 게시글(WEB)
2020.01.28 / 24:43

jQuery 버튼 텍스트 변경

까치설날
추천 수 243
jQuery 버튼 텍스트 변경
jQuery 버튼 텍스트 바꾸기

1 방법: button 태그는 html()[편집]

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
  $('#button1').click( function() {
    if( $(this).html() == '접기' ) {
      $(this).html('펼치기');
    }
    else {
      $(this).html('접기');
    }
  });
});
</script>
 
<button id='button1'>접기</button>

2 방법: input 태그는 val()[편집]

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
  $('#button1').click( function() {
    if( $(this).val() == '접기' ) {
      $(this).val('펼치기');
    }
    else {
      $(this).val('접기');
    }
  });
});
</script>
 
<input type='button' value='접기' id='button1' />

3 같이 보기[편집]

4 참고[편집]