Get number of checkboxes that are checked in Javascript

Question

I am trying to make a javascript function (although jquery is perfectly OK) that will return a number that corresponds to the number of checkboxes checked in a form. Seems simple enough but I can't figure out a good way of doing it.

Thanks.

Sarfraz · Accepted Answer · 2010-04-23 14:18:40Z

16

Try this:

var formobj = document.forms[0];

var counter = 0;
for (var j = 0; j < formobj.elements.length; j++)
{
    if (formobj.elements[j].type == "checkbox")
    {
        if (formobj.elements[j].checked)
        {
            counter++;
        }
    }       
}

alert('Total Checked = ' + counter);

.

With JQuery:

alert($('form input[type=checkbox]:checked').size());

edited Apr 23, 2010 at 14:18

answered Apr 23, 2010 at 9:05

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

danp Over a year ago

Just for clarification - the standard JS code will not pick up input elements that are not inside a form. The jQuery line will.

Sarfraz Over a year ago

@danp: yes now both ways will select all checkboxes from a form.

AKS Over a year ago

With the JQuery, like $('form input[type=checkbox]:checked'), how to get the details about the id of item that is checked?

Yuriy Faktorovich · Accepted Answer · 2010-04-23 09:12:03Z

4

$('form :checkbox:checked').length

answered Apr 23, 2010 at 9:12

Yuriy Faktorovich

68.9k14 gold badges107 silver badges150 bronze badges

2 Comments

Mint Over a year ago

Whats the difference between .length and .size()?

Yuriy Faktorovich Over a year ago

@Mint stackoverflow.com/questions/2738352/…

pashaweb · Accepted Answer · 2010-04-23 09:37:44Z

4

 var checkBoxs = $('#myForm').children('input[type="checkbox"]:checked');
 alert(checkBoxs.length);

answered Apr 23, 2010 at 9:37

pashaweb

823 bronze badges

Comments

jAndy · Accepted Answer · 2011-09-28 19:46:04Z

2

var chk = $('form').find('input[type=checkbox]:checked').length

edited Sep 28, 2011 at 19:46

user142162

answered Apr 23, 2010 at 9:10

jAndy

237k57 gold badges313 silver badges363 bronze badges

Comments

kgiannakakis · Accepted Answer · 2010-04-23 09:12:03Z

1

Try

$(":checkbox").filter(":checked").size()

edited Apr 23, 2010 at 9:12

answered Apr 23, 2010 at 9:03

kgiannakakis

104k28 gold badges163 silver badges197 bronze badges

1 Comment

kgiannakakis Over a year ago

@Yuriy Faktorovich: Just for illustration. I have now removed it @Sarfraz: You are right. I've corrected it

Affan · Accepted Answer · 2014-08-09 09:53:34Z

0

vary long way

you have to give the class name to checkbox and do

var chkLength = $('input.className:checked').length;

alert(chkLength);

this will gove all checked checkBoxes from list of checkbox

answered Aug 9, 2014 at 9:53

Affan

312 bronze badges

Collectives™ on Stack Overflow

Get number of checkboxes that are checked in Javascript

6 Answers 6

3 Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related