how to create a checkbox tree with checkbox only at leaf nodes

how to create a checkbox tree with checkbox only at leaf nodes

According to **jstree** all the nodes includes parent and childnodes will have the checkbox next to it by default.

jstree

but i want something like this.easyui
where there are options for cascade and leaf node check.



 A sample has been given below.

  1.     <div id="jstree">
  2.         <!-- in this example the tree is populated from inline HTML -->
  3.         <ul>
  4.           <li class="node" >Root node 1
  5.             <ul>
  6.               <li id="child_node_1">Child node 1</li>
  7.               <li>Child node 2</li>
  8.             </ul>
  9.           </li>
  10.           <li class="node" >Root node 2</li>
  11.         </ul>
  12.       </div>
  13.       <button>demo button</button>
  14.    
  15.       <!-- 4 include the jQuery library -->
  16.       <script src="dist/libs/jquery.js"></script>
  17.       <!-- 5 include the minified jstree source -->
  18.       <script src="dist/jstree.min.js"></script>
  19.       <script>
  20.       $(function () {
  21.         // 6 create an instance when the DOM is ready
  22.       $("#jstree").jstree({
  23.           "checkbox": {
  24.               "keep_selected_style": false
  25.           },
  26.           "plugins": ["checkbox"]
  27.       });
  28.     
  29.       $(".node").find('> a > .jstree-checkbox').remove()
  30.     });
  31.       </script>


Now im able to remove the checkbox for the parent nodes while collapsed but when expands it create checkbox next to it.


Anyone knows whether jstree provide options to check only leaf nodes rather than cascade check?
If so please share the ideas.