JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox"  value="Yes" />Yes
<input type="checkbox"  value="No" />No
<input type="checkbox"  value="Yes" />Yes
<input type="checkbox"  value="No" />No
<div id="item11" class="fb-item fb-100-item-column">
    <div class="fb-grouplabel">
      <label style="display: inline;" id="item11_label_0">Yes</label>
    </div>
    <div class="fb-input-number">
      <input type="number" autocomplete="off" data-hint="" placeholder="" step="1" max="999999999" min="0" id="item11_number_1" name="countyes">
    </div>
  </div>

  <div id="item12" class="fb-item fb-100-item-column">
    <div class="fb-grouplabel">
      <label style="display: inline;" id="item12_label_0">No</label>
    </div>
    <div class="fb-input-number">
      <input type="number" autocomplete="off" data-hint="" step="1" max="999999999" min="0" id="item12_number_1" name="countno">
    </div>
  </div>

JavaScript

$(document).ready(function() {
    $("input[value=Yes]").each(function() {
        $(this).change(updateCountyes);
    });
    updateCountyes();
    function updateCountyes() {
        var countyes = $("input[value=Yes]:checked").size();
        $("input#item11_number_1").val(countyes);
        $("label#item11").toggle(countyes > 0);
    };
    $("input[value=No]").each(function() {
        $(this).change(updateCountno);
    });
    updateCountno();
    function updateCountno() {
        var countno = $("input[value=No]:checked").size();
        $("input#item12_number_1").val(countno);
        $("label#item12").toggle(countno > 0);
    };
});