Question

我想获取所有选中复选框的总值。我尝试过的是：

$("input[type=checkbox]:checked").each(function() {
            total_modules += parseFloat($(this).val());
        });
        $("#total_modules").text(total_modules.toFixed(2));

这没有用。

我希望有人可以帮助我。

提前致谢！

PS：我修好了，这是我的新代码：

function calculation()
    {
    $("input[type=checkbox]:checked").each(function() {
            total_modules += parseFloat($(this).val());
        });
        $("#total_modules").text(total_modules.toFixed(2)); 
    }
    calculation();

    $("input[type=checkbox]").click(function()
    {
        calculation();
    });

谢谢大家

Answer 1

您可以$("input[type=checkbox]:checked").length获取已选中复选框的数量。

查看此jsFiddle

Answer 2

使用非常简单

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

参考http://www.codeunit.co.za/2010/08/18/jquery-count-number-of-checkboxes-checked-on-a-page/

Answer 3

使用长度属性

var checkcount = $(":checkbox:checked").length;

Answer 4

以下代码应与jQuery版本1.7.1一起使用

JQUERY

$("#test").click(function() {
var tot = 0;
    $.each($("input[type=checkbox]:checked"), function (k, v){
    var val =parseFloat($(this).val());
    tot = parseFloat(tot + val);   
    })
        alert(tot);
});

HTML

<input type="checkbox" value ="10.2"/>
<input type="checkbox" value ="10.2"/>
<input type="checkbox" value ="10.2"/>
<input type="checkbox" value ="10.2"/>

<input type="buttoN" id="test" value="click me"/>

Answer 5

您可以执行类似

的操作

$(function(){
    var checkboxes = $("input:checkbox");
    checkboxes.change(function(){
        var total = 0.0;

        checkboxes.filter(":checked").each(function(){
            total += parseFloat(this.value);
        });

        alert (total)
    });
});

查看working demo

Answer 6

可能是小数点分隔符不正确吗？我认为它需要成为一个。使parseFloat正常工作。

您还需要检查解析后的值是否为带

的数字

isNaN(parsedValue)

计算已选中复选框的值

6 个答案: