Handling Multiple IDs In A Single jQuery Statement

Question

I've tried searching the site, but am really struggling to find what I want... Basically I have some jQuery code that checks the state of three IDs, they are tied to three checkboxes;

$('#submitButton').click(function(){
    if($("#cb1,#cb2,#cb3").is(':checked'))
        return true;
    else
        return false;
});

How would I restructure this jQuery statement to make it so that all three checkboxes have to be CHECKED? At the moment, either one can be checked for the action to be performed

I'm betting there is a really simple solution to all of this, but I have been lpooking at it for so long, I just can't see it. Could someone with a fresh pair of eyes and a less addled brain please steer me in the right direction?

Felix fixed it. Thank matey, here a FIDDLE of the working code for anyone else who might require it ;) JSFiddle — Takuhii
– Takuhii, Commented Feb 20, 2014 at 14:24
Please check this: jsfiddle.net/mahavir4dev/Z93Y5 This will work for any number of checkboxes. — Mahavir
– Mahavir, Commented Feb 20, 2014 at 14:25

Felix · Accepted Answer · 2014-02-20 14:08:04Z

1

You need to use:

$('#submitButton').click(function(){
    if ($('#cb1').is(':checked') && $('#cb1').is(':checked') && $('#cb3').is(':checked')) {
        return true;
    } else {
        return false;
    }
});

answered Feb 20, 2014 at 14:08

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

2 Comments

Takuhii Over a year ago

Ace!! You sir are a legend. Forgive my stupidity, but what does the && mean?

Felix Over a year ago

@Daren && in javascript means Logical AND. You can read more on the logical operators here. Glad it helped :)

Tushar Gupta - curioustushar · Accepted Answer · 2014-02-20 14:07:51Z

0

Use

if($("#cb1").is(':checked') && $("#cb2").is(':checked') && $("#cb3").is(':checked'))

$("#cb1,#cb2,#cb3").is(':checked') will return result for the 1st element only

answered Feb 20, 2014 at 14:07

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Comments

Lawren · Accepted Answer · 2014-02-20 14:09:13Z

0

Try:

$('#submitButton').click(function(){
    if($("#cb1:checked,#cb2:checked,#cb3:checked").length === 3)
        return true;
    else
        return false;
});

answered Feb 20, 2014 at 14:09

Lawren

2332 silver badges8 bronze badges

Comments

Milind Anantwar · Accepted Answer · 2014-02-20 14:10:28Z

0

You can use:

 if ($('#cb1:checked,#cb2:checked,#cb3:checked').length == 3) {
   //all three are checked.do something
 }

or

 if ($('#cb1:checked,#cb2:checked,#cb3:checked').length == $('#cb1,#cb2,#cb3').length) {
   //all three are checked.do something
 }

answered Feb 20, 2014 at 14:10

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

liu3hao · Accepted Answer · 2014-02-20 14:13:04Z

0

You could try:

$('#submitButton').click(function(){
    if($('#cb1')[0].checked && $('#cb2')[0].checked && $('#cb3')[0].checked)return true;
    return false;
});

answered Feb 20, 2014 at 14:13

liu3hao

463 bronze badges

Comments

user1477388 · Accepted Answer · 2014-02-20 14:13:14Z

0

You can just add a class to your checkboxes and use like so:

$('#submitButton').click(function(){
    if($(".myCheckbox:checked").length == 3) {
        console.log('true');
    }
    else {
        console.log('false');
    }
});

Here is the JSFiddle Example:

http://jsfiddle.net/cLH8s/1/

answered Feb 20, 2014 at 14:13

user1477388

21.5k35 gold badges152 silver badges277 bronze badges

Collectives™ on Stack Overflow

Handling Multiple IDs In A Single jQuery Statement

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Related