Using jQuery to handle checkboxes

Question

I am currently using a catch all method for all inputs on my form when it is being handled by jQuery.

$.each($(':input'),function()
{
    //stuff                 
});

What I need to be able to do is see if any of those inputs is a checkbox, at the moment the only thing I can find is to say if the field is checked or not.

Any help would be greatly appreciated.

Just for your information: you have picked the wrong answer for two reasons reason a: :input Matches all input, textarea, select and button elements. obviously, select are not needed in here. input would be more correct in this case. reason b: the select all and then filter approach (input -> each -> if type == checkbox ) will cause unnecessary iterations, while input[type=checkbox] will filter them before the .each iteration comes into the picture. — Tzury Bar Yochay
– Tzury Bar Yochay, Commented Oct 29, 2009 at 6:10
Thanks for your concern, however selects are needed and I feel :input is the best way forward for the method as a whole. Checkboxes need to be lumped in with everything else but I need something extra to happen when it is them. The iterations will stay the same. — Toby
– Toby, Commented Oct 29, 2009 at 14:40

bobince · Accepted Answer · 2009-10-28 11:56:01Z

4

If you want to know whether it's a checkbox inside that function:

$(':input').each(function() {
    if (this.type==='checkbox')
        ....
});

(Yeah, you can also say $(this).attr('type')==='checkbox' if you're one of those people who're dead set on using jQuery syntax for everything. But really, what's the point? It's only going to be slower and less readable.)

If you want to find only checkboxes, there's a special filter for that:

$(':checkbox').each(function() {
    ...
});

answered Oct 28, 2009 at 11:56

bobince

538k111 gold badges675 silver badges846 bronze badges

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

Comments

Tzury Bar Yochay · Accepted Answer · 2009-10-29 06:15:06Z

4

$('input[type=checkbox]').each(function(){
   // stuff
});

Or even better

$('input:checkbox').each(function(){
   // stuff
})

see at http://docs.jquery.com/Selectors/checkbox

edited Oct 29, 2009 at 6:15

answered Oct 28, 2009 at 14:29

Tzury Bar Yochay

9,0126 gold badges53 silver badges75 bronze badges

Comments

Prody · Accepted Answer · 2009-10-28 10:34:01Z

3

You can do:

$.each($(":input[type=checkbox]"), function() {
    // stuff
}

answered Oct 28, 2009 at 10:34

Prody

5,3186 gold badges49 silver badges62 bronze badges

2 Comments

Josh Stodola Over a year ago

What's the point of doing :input here instead of just input?

Tzury Bar Yochay Over a year ago

:input is wrong. since it matches all input, textarea, select and button elements. and select are not needed at all in this case

Harry · Accepted Answer · 2013-10-03 05:39:21Z

-1

try this in .each function

if($('#myId').attr('type') == 'checkbox')
alert ('checkbox');

UPDATE

$.fn.tagName = function() {            
    return this.attr("type");          
}                                      
  $(document).ready(function() {       
    alert($('#testElement').tagName());
    });

edited Oct 3, 2013 at 5:39

Harry

90.1k26 gold badges216 silver badges224 bronze badges

answered Oct 28, 2009 at 10:32

TigerTiger

10.8k16 gold badges59 silver badges72 bronze badges

1 Comment

bobince Over a year ago

checkbox is not a tagName, it's a type.

Collectives™ on Stack Overflow

Using jQuery to handle checkboxes

4 Answers 4

Comments

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related