Comments on: Easiest “check all” ever with jQuery

By: Easiest check all ever with jQuery | jQuery Plugins

Easiest check all ever with jQuery | jQuery Plugins — Tue, 06 Dec 2011 09:10:22 +0000

[...] Dezember 6, 2011 | Von khkDer Software Entwickler Brian Cray bietet unter dem Titel Easiest check all ever with jQuery auf seiner Seite ein jQuery Script an, das auf sehr einfache Weise, mit nur ein paar Zeilen Code, [...]

By: Easiest check all ever with jQuery | jQuery Toolbox

Easiest check all ever with jQuery | jQuery Toolbox — Sat, 20 Aug 2011 09:34:33 +0000

[...] check all ever with jQueryPubliziert 20. August 2011 | Von khk Unter dem Titel Easiest check all ever with jQuery bietet Brian Cray auf seiner Seiten ein jQuery Script an, das auf sehr einfache Weise das [...]

By: jQuery Checkbox select all | Madproject

jQuery Checkbox select all | Madproject — Mon, 04 Jul 2011 03:17:21 +0000

[...] So back to the drawing board or should I say Google. That’s when I found this gem: http://briancray.com/2009/08/06/check-all-jquery-javascript/ [...]

By: Check all Checkboxes with jQuery | Michael Bud: My Two Cents

Check all Checkboxes with jQuery | Michael Bud: My Two Cents — Mon, 21 Mar 2011 18:23:50 +0000

[...] I was searching for a solution to this problem and came upon this post. Most Javascript functions that do this rely on the fact that the input checkboxes all have the same ‘name’ property. This jQuery solution merely requires them to all be in the same FIELDSET. Clean, simple and effective. Brilliant solution. Bravo Brian Cray! [...]

By: Herr Marek

Herr Marek — Sat, 22 Jan 2011 21:53:45 +0000

Thanks for this beautiful piece of code!

i have added few more lines to uncheck the “checkall”-Box if one of the children is unchecked.
children must have class “checkone”. I am sure this could be optimized.

$(‘.checkall’).click(function () {
$(this).parents(‘fieldset:eq(0)’).find(‘:checkbox’).attr(‘checked’, this.checked);
});

$(‘.checkone’).click(function () {
if (!$(this).is(‘:checked’)) {
$(‘.checkall’).attr(‘checked’, false);
}
});

By: Vipin

Vipin — Fri, 31 Dec 2010 06:49:28 +0000

if($(“#checkallbox”).attr(‘checked’)==true)
$(“.checkone”).attr(‘checked’,'checked’);
else
$(“.checkone”).attr(‘checked’,”);

By: Pete Bowen

Pete Bowen — Wed, 22 Sep 2010 10:40:26 +0000

Thanks,

Very useful.

By: Roel Abasa

Roel Abasa — Thu, 16 Sep 2010 07:58:54 +0000

Cool!

Surely useful for everyone… one thing though.. the parent checkbox should be uncheck automatically if one of the children is uncheck..

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.