html下拉复选框联动,jQuery实现的checkbox级联选择下拉菜单效果示例

用户管理 用户信息 角色权限 客户管理 客户信息 联系人列表 系统管理 系统日志 数据字典

function show(id){

//使用循环遍历找到需要控制的所有隐藏的tr

var $tr = $("tr[id^='tr0']");

// alert($tr.length);

$tr.each(function(index,domEle){

//查找当前onclick操作的tr

//检查 每次循环遍历 操作要对应的tr，隐藏的，就三个，看看是哪一个

//

if(id==index+1){

//如果当前的tr处于隐藏状态，就得显示

if($(this).is(":hidden")){

$(this).attr("style","DISPLAY: block");

}

//如果当前的tr处于显示状态，就得隐藏

else{

$(this).attr("style","DISPLAY: none");

}

}

else{

//将不选择的tr都隐藏

$(domEle).attr("style","DISPLAY: none");

}

})

}