Comments on: Easiest “check all” ever with jQuery

By: Ayel

Ayel — Sat, 24 Jul 2010 07:45:11 +0000

try my code:

$(function () {
$(“#checkall”).click(function () {
$(“input:checkbox.checkall”).attr(“checked”, this.checked);
});
});

By: Trevor Saint

Trevor Saint — Mon, 12 Jul 2010 15:14:54 +0000

Very nice. Thanks for the information.

FYI

I find a regular occurrence when browsing many sites that people don’t seem to care for those without JS. Meaning this check all functionality is cool, and adds extra for those that have JS.

But ideally the approach that I would take is to output the check all checkbox using JS as well. This way functionality is not added that won’t work if the user has turned off JS.

Simply put. The check all checkbox won’t be shown if JS is turned off. .

Just an idea.

By: Zdenka

Zdenka — Fri, 09 Apr 2010 11:10:35 +0000

Great, exactly what I needed, thanks!!

By: downtroden

downtroden — Thu, 18 Mar 2010 16:51:10 +0000

duh… found the solution to the problem that mojito and I shared, instead of searching for an id (unique to the page) change to it to searching for a class. Voila.

Thanks for this though, REALLY nice little piece of jquery.

By: Brian Cray

Brian Cray — Thu, 18 Mar 2010 16:37:45 +0000

@mojito + @downtrodden – try the new code.

By: downtroden

downtroden — Thu, 18 Mar 2010 16:33:38 +0000

having the same problem as mojito

By: mojito

mojito — Wed, 27 Jan 2010 22:20:57 +0000

Thanks for this writeup!
Will this work if two fieldsets are defined on the same page ? I have some divs which I show and hide based on a user selection. So I’d like to do something as follows:

// these will be affected by check all
Check all
Checkbox
Checkbox
Checkbox

Check all
Checkbox
Checkbox
Checkbox

I tried this but the Select all toggle effect appears only on the first fieldset tags.

By: Caleb

Caleb — Wed, 27 Jan 2010 19:16:48 +0000

Check out the ‘closest’ selector, new in jQuery 1.4, which seems like it would be faster than selecting then filtering through parents. http://api.jquery.com/closest/

Also, .find(‘:checkbox’) is equivalent to .find(‘*:checkbox’), which is likely less efficient than limiting it to .find(‘input:checkbox’).

Nice solution, thanks for sharing.

By: seo

seo — Thu, 14 Jan 2010 12:09:41 +0000

thanx perfect

By: Chad Huntley

Chad Huntley — Thu, 31 Dec 2009 18:59:34 +0000

It would make more sense to break these up by using different classes then fieldsets. You can assign multiple classes to each checkbox which will allow you to pick and chose which you want checked no matter what fieldset it is in.

http://elementdesignllc.com/2009/12/jquery-select-all-checkboxes/