计算所选复选框和textarea的问题

Question

我有一个代码来计算所选的复选框，并在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>