html多层选择框,js实现多级复选框的交互

functioncheckone(element){var checkstatus=element.checkedvar checkid=element.idvar checkname=element.nameif (checkstatus == false &&document.getElementById(checkname)){

document.getElementById(checkname).checked=checkstatus//document.getElementById(checkname)表示全选按钮

}else if(document.getElementById(checkname)){var samelevelgroup=document.getElementsByName(checkname)var allchecked=true

for (var i=0;i

allchecked=false}

}if ( allchecked==true){

document.getElementById(checkname).checked=true}

}if(document.getElementById(checkname)){

checkone(document.getElementById(checkname))

}

}functioncheck(element)

{

{# 全选用id，全选下面的复选框用name对应#}var checkstatus=element.checkedvar checkid=element.id

checkone(element)var checkgroups_down=document.getElementsByName(checkid)for (var i = 0; i < checkgroups_down.length; i++)

{

checkgroups_down[i].checked=checkstatusvar childid=checkgroups_down[i].idif (document.getElementsByName(childid).length>1){//如果下面有name和自己的id一致，就认为这是分组全选，下面还有子项

check(document.getElementById(childid))

}

}

}functionsubmittestsuit() {var allcase=document.getElementsByTagName("input")var selectcase=[]for (var i=0;i

{# alert(functionname)#}var caseinfo ={

functionname:functionname,

filename:filename

}

selectcase.push(caseinfo)

}

}if (selectcase.length < 1){

alert("至少选择一个case！")

}else{

$.ajax({

cache:true,

type:"POST",

url:"{% url "save_testsuit" %}",

data:{caseinfos:JSON.stringify(selectcase)},//你的formid

async: false,

error:function(request) {

alert("保存失败");

},

success:function(data) {if(data.respcode==0){

alert("测试套件已生成");var w =window.open();

w.location=("{% url "runtestinfo" %}")

}else{

alert(JSON.stringify(selectcase))

alert(data.msg);

}

}

});

}

}