[jQuery] click/change events not recognized for checkboxes
Hi
I have the following html where I have a bunch of checkboxes which I
want to trigger events when checked/unchecked. But apparently the
events are not being recognized.
I have tried using various ways to access the checkboxes, but nothing
seems to work.
1) $('#manufacturers:checkbox').click(function(){
2) $("#mfglist:checkbox").click(function(){
Being new to JQuery, I did try reading all the blogs/tutorials, but no
luck so far. Any help is really appreciated.
Thanks!
sdeo
BEGIN HTML SNIPPET
<div id="manufacturers">
<h3><a href="#">Manufacturers</a></h3>
<div>
<form id="mfgform" name="mfgform" method="post" action="">
<ul id="mfglist">
<label><input name="mfg" id="mfg" value="Apple (10)"
type="checkbox">Apple (10)</label>
<label><input name="mfg" id="mfg" value="Nokia (30)"
type="checkbox">Nokia (30)</label>
<label><input name="mfg" id="mfg" value="Motorola
(8)" type="checkbox">Motorola (8)</label>
<label><input name="mfg" id="mfg" value="Samsung
(5)" type="checkbox">Samsung (5)</label>
</ul>
</form>
</div>
</div>
JS file:
function selectMfgEvent(){
console.log("begin selectMfgEvent");
$('input[type="checkbox"]').click(function(){
if($(this).is(":checked")){
console.log("checked = "+this);
}
});
$(document).load(selectMfgEvent());
};