티스토리 뷰

// textarea 의 글자 갯수를 출력한다.
$('textarea').keyup(function() {
   var inputLength = $(this).val().length;
   var remain = 150 - inputLength;

   $('h2#rtext').html(remain);
});



설명 : textarea 태그에 keyup 이벤트를 연결합니다.
현재 textarea 의 글자수를 150 에서 뺀 나머지를 H2 태그의 rtext 라는 ID 에 html 로 바꾸어서 넣어 주게 됩니다.


<div>
   <textarea cols="70" rows="5"></textarea>
</div>
<h2 id="rtext">150</h2>


'Language > JQuery' 카테고리의 다른 글

[ JQuery ] 단축키 사용하기 - ASCII 코드표 포함  (0) 2016.01.02
[ JQuery ] 기초문법  (0) 2016.01.02
[ JQuery ] DIV POPUP  (0) 2016.01.02
[ JQuery ] - 속성 추출 조작 attr()  (0) 2016.01.02
[ JQuery ] datepicker(); 달력  (0) 2016.01.02
Total
Today
Yesterday
최근에 올라온 글
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31