我有一個代碼來計算所選的復選框，并在div中顯示它們。我嘗試了不同的事情而沒有成功，我想要實現的目標如下：填充textarea時（文本長度> 1） - >將1添加到結果中。當用戶鍵入某些內容（它應該是實時）時，將1添加到結果中;當用戶刪除textarea中的所有內容時，刪除1。計算所選復選框（CodePen）$('input[type="checkbox"]').change(function() {  var selected = 0;  var number_of_checkboxes = $('input[type="checkbox"]:checked').length;  selected += number_of_checkboxes;  $('#result').html(selected);});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="answers">  <label for="text1">        <input type="checkbox" name="text1" id="text1" value="1">        <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.        </span>    </label>  <br>  <label for="text2">        <input type="checkbox" name="text2" id="text2" value="1">        <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.        </span>    </label>  <br>  <label for="text3">        <input type="checkbox" name="text3" id="text3" value="1">        <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.        </span>    </label>  <br>  <br>  <textarea id="selected" minlength="20" name="selected" placeholder="Lorem ipsum dolor sit amet" style="width: 500px; height: 100px;"></textarea>  <div id="result">0</div></div>