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 >

转载于:https://www.cnblogs.com/archie2010/archive/2011/01/19/1939215.html