Catch click on input type "checkbox"

Question

Is there any ways to catch click on input, only if type of input set to checkbox? Note: I need to catch click without using any classes or id's.

I've tried following:

$('input').on('click', function(){   
    if($(this).attr('type','checkbox')){
           alert("checkbox clicked");
        }
});

Well, this is not working and I don't know any other ways. JSFiddle: http://jsfiddle.net/x8utn/

You are using attr as setter which returns an object, a truthy value, you are not comparing. — Ram
– Ram, Commented Jun 17, 2014 at 11:33
+1 exactly what @undefined said! (I'm bad with words this time in the morning) — SparK
– SparK, Commented Jun 17, 2014 at 11:34

Amit Kumar · Accepted Answer · 2014-06-17 11:36:08Z

1

your jquery would be

$('input:checkbox').on('click', function(){   

           alert("checkbox clicked");
});

Demo

answered Jun 17, 2014 at 11:36

Amit Kumar

5,96212 gold badges49 silver badges88 bronze badges

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

Comments

Anoop Joshi P · Accepted Answer · 2014-06-17 11:31:04Z

0

USe like this

$('input[type="checkbox"]').on('click', function(){

Fiddle

Or you can use like

$('input[type="checkbox"]').click(function(){ });

answered Jun 17, 2014 at 11:31

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

Comments

Pranav · Accepted Answer · 2014-06-17 11:34:06Z

0

your not using type attr in your if condition properly. Also you can use this way :

$('input').on('click', function(){ 
    if($('#check').is(":checked"))
        {
           alert("checkbox clicked");
        }
});

Fiddle: http://jsfiddle.net/x8utn/2/

answered Jun 17, 2014 at 11:34

Pranav

6663 silver badges7 bronze badges

Comments

Shaunak D · Accepted Answer · 2014-06-17 11:39:37Z

0

Error in your code :

$(this).attr('type') == 'checkbox' : get attribute and not $(this).attr('type','checkbox') : set attribute.

$('input') will bind click event to all input elements.

Demo

Use attribute selector [attr="value"]

$('input[type="checkbox"]').on('click', function(){..})

Or pseudo selector :checkbox

$(':checkbox').on('click', function(){   })

Side Note : Prefer using change event on input elements.

edited Jun 17, 2014 at 11:39

answered Jun 17, 2014 at 11:31

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

Collectives™ on Stack Overflow

Catch click on input type "checkbox"

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related