count values of checked checkbox

Question

I want to get the total value of all checked checkboxes. What i've tried is this:

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

This didn't work.

I hope someone can help me.

Thanks in advance!

PS: I fixed it, this is my new code:

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();
    });

Thank you all

Instead of using `$(this).val()` you can use the native code `this.value'. — rahul, Dec 14 '11 at 10:59

score 0 · Answer 1 · answered Dec 14 '11 at 09:28

0

You can do $("input[type=checkbox]:checked").length to get the number of checked checkboxes.

Check out this jsFiddle

answered Dec 14 '11 at 09:28

dknaack

60,192
27
155
202

score 0 · Answer 2 · answered Dec 14 '11 at 09:31

0

its very simple use

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

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

answered Dec 14 '11 at 09:31

Hemant Metalia

29,730
18
72
91

Thanks but i don't need the number of checkboxes but the total of the checkbox values. – Leon van der Veen Dec 14 '11 at 09:34
alert($("input[type=checkbox]:checked").length); will give you the number of tick marked checkboxes – Hemant Metalia Dec 14 '11 at 09:38

score 0 · Answer 3 · answered Dec 14 '11 at 09:36

0

use the length property

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

answered Dec 14 '11 at 09:36

Pradeep Singh

3,582
3
29
42

score 0 · Answer 4 · answered Dec 14 '11 at 09:52

The below code should work with jQuery version 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"/>

score 0 · Answer 5 · answered Dec 14 '11 at 10:58

You can do something like

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

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

        alert (total)
    });
});

See a working demo

score -1 · Answer 6 · answered Dec 14 '11 at 09:37

-1

Could it be that the decimal separator is incorrect? I think it needs to be a . for parseFloat to work correctly.

You also need to check if the parsed value is a number with

isNaN(parsedValue)

answered Dec 14 '11 at 09:37

Grumsh

139
6

count values of checked checkbox

6 Answers6

Linked

Related