위키
포럼
도구
바뀐글
랜덤

"JQuery 버튼 텍스트 변경"의 두 판 사이의 차이

 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
9번째 줄: 9번째 줄:
$(function() {
$(function() {
   $('#button1').click( function() {
   $('#button1').click( function() {
     if( $(this).html() == '접기' ) {
     if( $(this).html() == '인증번호 받기' ) {
       $(this).html('펼치기');
       $(this).html('확인');
     }
     }
     else {
     else {
       $(this).html('접기');
       $(this).html('인증번호 받기');
     }
     }
   });
   });
19번째 줄: 19번째 줄:
</script>
</script>
   
   
<button id='button1'>접기</button>
<button id='button1'>인증번호 받기</button>
</syntaxhighlight>
</syntaxhighlight>


2022년 3월 2일 (수) 14:39 기준 최신판

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 참고[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=JQuery_버튼_텍스트_변경&oldid=805210"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}