check if input is checked using jquery

Question

How would I achieve this:

if($(this).parent().find('input:checked') == true)

{$(this).find('.switch').attr('state','on');}
else{$(this).find('.switch').attr('state','off');}

I know this is wrong but you get the idea I think :). If there is an input that is checked add state on if not state off.

Could you show your markup and some more context for this code? It's hard to know if the solution provided will be accurate from just this portion. — mVChr
– mVChr, Commented May 26, 2011 at 20:27

ezakto · Accepted Answer · 2011-05-26 20:26:24Z

46

Try with

if($(this).parent().find('input').is(':checked')) {
    something();
}

This works if there's only one checkbox.

answered May 26, 2011 at 20:26

ezakto

3,20424 silver badges27 bronze badges

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

Comments

Daff · Accepted Answer · 2011-05-26 20:26:04Z

6

It is not necessarily wrong, but the selector returns all elements that apply to the condition. Therefore you have to check if the length is not 0:

if($(this).parent().find('input:checked').length)

answered May 26, 2011 at 20:26

Daff

44.4k9 gold badges108 silver badges122 bronze badges

Comments

Ma Jerez · Accepted Answer · 2015-05-01 09:45:17Z

5

Supposign input[type=checkbox] = this, you can check it on the element itself.

Source: jQuery docs

$("input[type=checkbox]").change(function(){
    if ( this.checked ){}
    //or
    if ( $(this).prop("checked") ){}   
    //or
    if ( $(this).is(":checked") ){}
});

edited May 1, 2015 at 9:45

answered May 1, 2015 at 9:27

Ma Jerez

6,2154 gold badges26 silver badges23 bronze badges

Comments

gsamaras · Accepted Answer · 2015-12-24 00:16:21Z

4

This also works if you know the id of the input html element:

if($('input#element_id_name:checked').length>0) {
  //your code here.
}

edited Dec 24, 2015 at 0:16

gsamaras

73.7k50 gold badges210 silver badges330 bronze badges

answered Dec 11, 2012 at 5:41

Code Buster

1951 silver badge13 bronze badges

Comments

Maya · Accepted Answer · 2017-06-16 11:50:07Z

3

If you know the ID, just use:

if ($("#myCheckBox").is(":checked")) {  

}

answered Jun 16, 2017 at 11:50

Maya

4416 silver badges13 bronze badges

Comments

Stuart Burrows · Accepted Answer · 2011-05-26 20:25:58Z

1

Try doing this:

if ($(this).parent().find('input:checked').length > 0) {    
    $(this).find('.switch').attr('state','on');
} else {
    $(this).find('.switch').attr('state','off');
}

This assumes you have only 1 input within the scope of $(this).parent()

answered May 26, 2011 at 20:25

Stuart Burrows

10.8k2 gold badges36 silver badges33 bronze badges

Collectives™ on Stack Overflow

check if input is checked using jquery

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related