jquery - 使用 jquery 对选定的复选框进行计数。

Question

我正在尝试计算已选中的复选框的数量。但是，即使我点击，计数仍为 0。这是我的代码。

<div>
<input type="checkbox" class="category1"></input>
<input type="checkbox" class="category1"></input>
<input type="checkbox" class="category1"></input>
<input type="checkbox" class="category1"></input>
</div>

我的 JS 代码是..

<script type="text/javascript">
        $(document).ready(function(){

            $(".category1").click(function(){

                var category1Count = $('.category1 :checked').size();
                console.log(category1Count);
            });


        });
    </script>

一定是有一个简单的错误。无法查明。我哪里错了？提前致谢

Answer 1

使用length属性而不是size()方法

检查以下代码..

$('.category1:checked').length;

检查下面的图片..

并检查 JSFIDDLE