Question

我有搜索堆栈，但我没有找到我的问题的完整帮助。

这是我的代码http://jsfiddle.net/msx20/xprc2/1/以及我想要做的...... 我想只计算每个手风琴div中的复选框，并在jquery添加的范围内显示已检查项目的数量（我不想显示0） “accordion_counter”我只添加“00”值来显示这个地方。对我来说很重要的是我想为每个手风琴div显示选中的项目，并在左侧的标签中显示te count numer。

我试过这个

$('input[type="checkbox"]:checked').length

和

$(document).ready(function() {
        $("input[type=checkbox]").each(function() {
            $(this).change(updateCount);
        });

        updateCount();

        function updateCount() {
            var count = $("input[type=checkbox]:checked").size();

            $(".count").text(count);
            $(".count").toggle(count > 0);
        }
});

但这会计算所有已检查的输入....也许这是一个愚蠢的问题，但我没有大的jquery技能。有人可以帮我这个吗？

Answer 1

尝试删除此内容：

       $("input[type=checkbox]").each(function() {
            $(this).change(updateCount);
        });

并插入此内容：

       $("input[type=checkbox]").change(function() {
            updateCount();
        });

Answer 2

你需要jquery selectors。

$('#group_subgrup_1 input:checked').length; 
$('#group_subgrup_2 input:checked').length;

依旧......

group_subgrup_1，group_subgrup_2是手风琴容器。因此，只考虑每个复选框的计数。

因此，在您的常规点击/更改功能中，您只需调用上述内容即可获取各个计数并显示在您想要的任何位置。

基本上是这样的：

$(document).ready(function () {
    $("input[type=checkbox]").each(function () {
        $(this).change(updateCount);
    });

    updateCount();

    function updateCount() {

    var count1 = $('#group_subgrup_1 input:checked').length; 
    var count2 = $('#group_subgrup_2 input:checked').length;

...

    $(".count1").text(count1);
    $(".count2").text(count1);

依旧......

    }
});

希望你明白这一点......

如何计算当前div中的复选复选框和显示编号

2 个答案: