【jQuery】複数対応！テキストエリアの文字数をカウントするスクリプト - Wataame Frog

複数個のテキストエリアに文字数をリアルタイムで表示するスクリプトが必要になったので、jQueryを使って作ってみました。 また、●●文字以上、●●文字以下という制限もするとのことで、カウントに応じて文字数の色を変えるということにも挑戦しています。 段階を追って作成したので、それぞれ解説しながら行きたいと思います。 Step1. 文字数の取得 まず１つのテキストエリアの文字数を取得して表示させます。 JavaScript <script type="text/javascript"> $(function(){ $('#comment').bind('keyup',function(){ var thisValueLength = $(this).val().length; $('.count').html(thisValueLength); }); }); </script>