复选框的级联

如何做一个复选框的级联啊，弹出一个层上面显示父类，再点击某一个父类是在弹出一个层显示父类下边的所有子类，最好是个范例，谢谢！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

不明白楼主什么意思，你能不能画一个demo，对着demo说啊！
类似于chinahr的职业类别选项，帮帮忙！http://www.chinahr.com/index.htm
可以用Ajax解决无限下级都没问题
做了个简单版本的，用JQuery实现的，你自己可以修改为JS实现。原理一样...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>复选框</title>
        <script type="text/javascript" src="../js/jQuery1.3.2.js">
        </script>
        <script language="javascript" type="text/javascript">

            $().ready(function(){
//设置Div的坐标
function childDiv(parent){
//获取父元素坐标
var top = $(parent).offset().top;
var left = $(parent).offset().left;

//设置子Div坐标
var child = $(parent).children("div");
child.css("top",top+2);
child.css("left",left+80);
}

//为每个一级DIV设置样式，注册事件
$.each($("div[id='area']"),function(){
$(this).width(100);

//鼠标进入时
$(this).mouseover(function(){
//设置一级Div在鼠标进入时的样式
$(this).css("background","#B3B3FF");
$(this).css("cursor","hand");
//设置二级Div的坐标
childDiv(this)
//显示二级Div
$(this).children("div").show(1);
})

//鼠标移出时
$(this).mouseout(function(){
$(this).css("background","white");
$(this).css("cursor","auto");
$(this).children("div").hide(1);
})
});
            })
        </script>
    </head>
    <body>
     <table>
     <tr>
     <td><div id="area"><input id="bj" type="checkbox" />北京</div></td>
<td><div id="area"><input id="tj" type="checkbox" />天津</div></td>
<td><div id="area"><input id="shh" type="checkbox" />上海</div></td>
<td><div id="area"><input id="chq" type="checkbox" />重庆</div></td>
     </tr>
<tr>
     <td><div id="area"><input id="js" type="checkbox" />江苏
<div style="display:none;position:absolute;background:#B3B3FF;border:1px solid #000000;z-index:1">
<input id="js-nj" type="checkbox" />南京<br>
<input id="js-wx" type="checkbox" />无锡<br>
</div>
</td>
<td><div id="area"><input id="tj" type="checkbox" />广东</div></td>
<td><div id="area"><input id="shh" type="checkbox" />山东</div></td>
<td><div id="area"><input id="chq" type="checkbox" />浙江</div></td>
     </tr>
     </table>
    </body>
</html>
怎么转换成js的啊  我对Jquery不熟，谢谢！