CheckTree--checkbox树形控件

CheckTree版本:CheckTree v 0.2

js---

  
  

   
   
   
   <
   
   script src
   
   =
   
   "
   
   jquery-1.4.2.min.js
   
   "
   
    type
   
   =
   
   "
   
   text/javascript
   
   "
   
   ><
   
   /
   
   script>
   
   

   
   <
   
   script src
   
   =
   
   "
   
   jquery.checktree.js
   
   "
   
    type
   
   =
   
   "
   
   text/javascript
   
   "
   
   ><
   
   /
   
   script>
   
   

   
   <
   
   script
   
   >
   
   
$(document).ready(
   
   function
   
   (){
 $(
   
   "
   
   ul.tree
   
   "
   
   ).checkTree({
 });
 
});

   
   function
   
    objClick(obj){
 
   
   if
   
   (obj.checked
   
   ==
   
   false
   
   ){
 alert(obj.value);
 }
 
}

   
   <
   
   /
   
   script>
  
  

html---

  
  

   
   
   
   <
   
   ul 
   
   class
   
   ="tree"
   
    style
   
   ="margin-left: 15px;"
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    value
   
   ="中国"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   中国
   
   </
   
   label
   
   >
   
   
 
   
   <
   
   ul
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="北京市"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   北京市
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="浙江省"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   浙江省
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="天津市"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   天津市
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="安徽省"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   安徽省
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="上海市"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   上海市
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   </
   
   ul
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    value
   
   ="韩国"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   韩国
   
   </
   
   label
   
   >
   
   
 
   
   <
   
   ul
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="大邱市"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   大邱市
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="大田市"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   大田市
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="釜山市"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   釜山市
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   </
   
   ul
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    value
   
   ="日本"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   日本
   
   </
   
   label
   
   >
   
   
 
   
   <
   
   ul
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="爱知(县)"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   爱知(县)
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    name
   
   ="geo"
   
    value
   
   ="爱缓(县)"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   爱缓(县)
   
   </
   
   label
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   </
   
   ul
   
   >
   
   
 
   
   </
   
   li
   
   >
   
   
 
   
   <
   
   li
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="checkbox"
   
    value
   
   ="新加坡"
   
    onclick
   
   ="objClick(this)"
   
   >
   
   
 
   
   <
   
   label
   
   >
   
   新加坡
   
   </
   
   label
   
   >
   
   
 
 
   
   </
   
   li
   
   >
   
   

   
   </
   
   ul
   
   >