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();