Creating a click event for an input is easy
$('input').click(function () {
alert('adsf');
});
But how can I be selective so that the previous code only works on type checkbox or of type button, rather than using the generic 'input' selector?
You can use some built-in Selectors like :checkbox and :button to find these elements easily.
$('input:checkbox').click(function () {
alert('checkbox');
});
$('input:button').click(function () {
alert('button');
});
There's also :radio, :submit, :text, and :input selectors, among others
input:checkbox is probably a more efficient selector, no? Your selector will query the entire DOM for if its a checkbox, whereas this will limit that search to the input elements.
:checkbox is just short hand for input[type=checkbox]input:checkbox is redundant, also:checkbox selector is from Sizzle, and it's a known source of inefficiency.Check out this page in the jQuery documentation.
$('input[type=checkbox]').click(function(){});
$('input[type=button]').click(function(){});
//or
$('input:checkbox').click(function(){});
$('input:button').click(function(){});
//or combined, this is probably the best solution in your case
$('input:button, input:checkbox').click(function(){});
2 different approaches. Doesn't matter which one you use. Both to exactly the same. I think the best is to have both selectors together if possible in your case.
