Javascript Jquery根据复选框选择更改范围文本

我正在尝试根据我的复选框更改跨距文本。这是我的html

    <form method="get">
        <div class="kanDu">
            <p>Heading 1</p>
            <input type="checkbox" />test1
            <input type="checkbox" />test2
            <input type="checkbox" />test3
            <input type="checkbox" />test4

        </div>
        <div class="erDutil">
            <p> Heading 2</p>
            <input type="checkbox" />test1
            <input type="checkbox" />test2
            <input type="checkbox" />test3
        </div>
        <div class="vilDu">
            <p>Heading 3</p>
         <input type="checkbox" />test1
            <input type="checkbox" />test2 
            <input type="checkbox" />test3
            <input type="checkbox" />test4 
        </div>
        <div class="inern_btn">
<p class="score">Score:<span class="getScore"></span><span>/</span><span class="totalScore"></span></p>
            <input type="Submit" name="Submit" />
        </div>

        </form>

---

checkbox count get的总数及其工作正常，但另一个不工作。是否有人可以建议一些帮助。提前感谢。

尝试添加这些代码。应该行得通

    $(document).ready(function () {

        var numberOfChecked = $('input:checkbox:checked').length;
        var totalCheckboxes = $('input:checkbox').length;
        $('.getScore').text(numberOfChecked);
        $('.totalScore').text(totalCheckboxes);

        $("input[type=checkbox]").change(function () {
            var numberOfChecked = $('input:checkbox:checked').length;
            $('.getScore').text(numberOfChecked);
         });
    }); 

---

尝试添加thois代码。应该行得通

    $(document).ready(function () {

        var numberOfChecked = $('input:checkbox:checked').length;
        var totalCheckboxes = $('input:checkbox').length;
        $('.getScore').text(numberOfChecked);
        $('.totalScore').text(totalCheckboxes);

        $("input[type=checkbox]").change(function () {
            var numberOfChecked = $('input:checkbox:checked').length;
            $('.getScore').text(numberOfChecked);
         });
    }); 

这是密码

 $('form').on('click', function(){
    $('.totalScore').text( $('input:checked').length )
  });

这是代码

 $('form').on('click', function(){
    $('.totalScore').text( $('input:checked').length )
  });

---

要使其工作，您需要编写一个函数，该函数将在每次选中/取消选中复选框时调用，从而更新值

检查这把小提琴

---

要使其工作，您需要编写一个函数，该函数将在每个复选框选中/取消选中时调用，以更新值

检查这把小提琴

---

请尝试使用此代码获取选中复选框的计数

var numberOfChecked = $("[type='checkbox']:checked").length;

---

请尝试使用此代码获取选中复选框的计数

var numberOfChecked = $("[type='checkbox']:checked").length;

---

numberOfChecked中的值是多少？@Rohan获取的值是0要使其工作，您需要编写一个函数，该函数将在每次选中/取消选中复选框时调用，该复选框应更新numberOfChecked。numberOfChecked中的值是多少？@Rohan获取的值是0，使其工作，您需要编写一个函数，该函数将在每次选中/取消选中复选框时调用，该函数应更新numberOfChecked。