$("input:checkbox:checked") 

will return all checkboxes that are currently checked.

The event handler .change() will bind to whenever the input changes, so for radios/checkboxes, it binds to whenever they're toggled, so no need to use click().

$("input:checkbox").change(function() { var boxChecked = $(this).is(":checked"); if(boxChecked) { ...do ajax... } }); 

But this is kind of sloppy too, considering you could use the toggle() method instead. Plus, are you wanting to destroy the html when they uncheck? Or is this a one time deal?

$("input:checkbox:checked") 

will return all checkboxes that are currently checked.

The event handler .change() will bind to whenever the input changes, so for radios/checkboxes, it binds to whenever they're toggled, so no need to use click().

$(".radio:checkbox").change(function() { var boxChecked = $(this).is(":checked"); if(boxChecked) { ...do ajax... } }); 

But this is kind of sloppy too, considering you could use the toggle() method instead. Plus, are you wanting to destroy the html when they uncheck? Or is this a one time deal?

$("input:checkbox:checked") 

will return all checkboxes that are currently checked.

$("input:checkbox:checked") 

will return all checkboxes that are currently checked.

The event handler .change() will bind to whenever the input changes, so for radios/checkboxes, it binds to whenever they're toggled, so no need to use click().

$("input:checkbox").change(function() { var boxChecked = $(this).is(":checked"); if(boxChecked) { ...do ajax... } }); 

But this is kind of sloppy too, considering you could use the toggle() method instead. Plus, are you wanting to destroy the html when they uncheck? Or is this a one time deal?