🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Just another jQuery checkbox tree plugin which helps you dynamically render a hierarchical tree structure with checkboxes.

Checkbox tree-view

Documentation

jquery-checktree

Simple jquery plugin for checkbox tree.

Usage:

Now you should include jquery, jquery-checktree plugin and plugins stylesheet. Put this lines in a head.

<script src="http://www.example.com/static/js/jquery.js" type="text/javascript"></script> <script src="http://www.example.com/static/js/jquery-checktree.js" type="text/javascript"></script> <link href="http://www.example.com/static/css/jquery-checktree.css" media="all" rel="stylesheet" type="text/css" />

This is simple html tree with checkboxes.

<ul id="tree">    <li><label><input type="checkbox" />Level 1 - 1</label></li>    <li>       <label><input type="checkbox" />Level 1 - 2</label>       <ul>         <li><label><input type="checkbox" />Level 2 - 1</label></li>         <!-- ... -->       </ul>    </li>    <!-- ... --> </ul>

Now you can initialize tree.

$('#tree').checktree();

You May Also Like