jQuery(document).ready(function($){
$('div#checkall-wrapper input[type=checkbox]').click(function(){
	if( $(this).attr('checked') ){
		$('tdiv#wraparound-targets input[type=checkbox]').attr('checked','checked');
	}else{
		$('div#wraparound-targets input[type=checkbox]').removeAttr('checked');
	}
});
});

2 thoughts on “Toggle All Checkboxes with jQuery”

1. Nice tip!

   This is how I would have done it in your case:
   [code]
   targets = $('div#wraparound-targets input[type=checkbox]');
   $(this).attr('checked') ? targets.attr('checked', 'checked') : targets.removeAttr('checked');
   [/code]

   Reply ↓

2. Yup, makes sense. I just know that a lot of people have a hard time understanding the ternary operator, so I wrote it out longhand.

   Reply ↓