Comments on: Collapsible Checkbox Tree jQuery Plugin

By: Artur

Artur — Thu, 12 Aug 2010 18:00:36 +0000

hi
there is an issue when tree ul element is inside some another list. In this case first checkbox is always checked.
To fix this I had to add extra ” > ul” in jQuery selector for both cases when defaults.checkParents is true.

// Check parents if necessary if (defaults.checkParents) { $("input:checked").parents("ul > li").find("input[type='checkbox']:first").attr('checked', true); }

I’m sure it may be done smarter way, but I’m not very good in js and jQuery.
Btw: Thanks for this nice ale lightweight script!

By: Sachin G

Sachin G — Tue, 10 Aug 2010 07:18:59 +0000

Hi, nice work.

Can I add this checkbox tree to drupal content type.

By: Sean Wallace

Sean Wallace — Mon, 09 Aug 2010 17:13:50 +0000

Safique: I added this to my version. You can see the code changes I made at github. Sean

By: Safique Ahmed Faruque

Safique Ahmed Faruque — Thu, 05 Aug 2010 10:06:43 +0000

How to hide or remove the button Expand All,Collapse All,Default?

By: Sean Wallace

Sean Wallace — Mon, 02 Aug 2010 23:17:18 +0000

Thanks for making this! I tweaked the code slightly so that a shift-click would select children. I created a github repository with my changes. Feel free to fork and make suggestions there.

By: Konrad

Konrad — Wed, 30 Jun 2010 07:33:44 +0000

Just noticed it doesn’t work properly, if you have nested uls. Needs to be amended a bit. Sorry for that.
One needs to check the tree further up in this case. I will write the necessary code and post it here.

By: Konrad

Konrad — Tue, 29 Jun 2010 13:54:14 +0000

A little contribution. If you want parent nodes to be unchecked when all their children are, find this code:

if (defaults.uncheckChildren) {
$(this).parent("li").find("input[type='checkbox']").attr('checked', false);
// Hide all children
$("ul", $(this).parent("li")).addClass('hide');
// Update the tree
$("span.expanded", $(this).parent("li")).removeClass("expanded").addClass("collapsed").html('+');
}

and add this just after it:

if (defaults.uncheckParent) {
// Check if all the children of this item parent are unchecked...
if ( $(this).parent("li").parent("ul").find("li").find("input[type='checkbox']:checked").attr('checked')!=true ){
//...and uncheck parent if so
$(this).parent("li").parent("ul").parent("li").find("input[type='checkbox']").attr('checked', false );
}
}

You obviously have to add uncheckParent : true, within defaults array. That's it.

By: Henrik W.

Henrik W. — Thu, 27 May 2010 14:48:51 +0000

Sweet!
This works super and fits right into my project!
For some reason it renders the 3 buttons twice and I get doubles of the plus signs… I’m sure I will sort it out though.

By: Hyun-min Park

Hyun-min Park — Thu, 06 May 2010 04:51:34 +0000

Thank you very much!!!!^_^

By: Tony Garcia

Tony Garcia — Fri, 05 Feb 2010 23:42:45 +0000

This is really great and will be perfect for my current project. Many thanks!