Js同名分级选择 2022-07-15 80酷酷网 80kuku.com 以下是HTML网页特效代码,点击运行按钮可查看效果: 以下是程序代码<html><head><title>this is a InterdrpForm!</title></head><body><h1>This is a Test!</h1><form action="" name = "InterdrpForm"><input name="CateID1" type="checkbox" onClick="selectAll(this,1)">checkbox[1] <input name="SubCateID1" type="checkbox" value="1" onClick=gray1(SubCateID1,CateID1)>checkbox[11] <input name="SubCateID1" type="checkbox" value="2" onClick=gray1(SubCateID1,CateID1)>checkbox[12]<input name="CateID2" type="checkbox" onClick="selectAll(this,2)">checkbox[2] <input name="SubCateID2" type="checkbox" value="1" onClick=gray1(SubCateID2,CateID2)>checkbox[31] <input name="SubCateID2" type="checkbox" value="2" onClick=gray1(SubCateID2,CateID2)>checkbox[32]</form></body></html><script language="JavaScript">function selectAll(o,indx) { var subCateID=document.getElementsByName("SubCateID"+indx);j=subCateID.length for(var i=0;i<j;i++){ subCateID[i].checked=o.checked; }} var length = document.InterdrpForm.elements.length; function gray1(cn,fn) { for(i=0,str=0;i<cn.length;i++)str=str+(cn[i].checked?1:0);gray(str,cn,fn); } function gray(c,cn,fn) { if(c == cn.length) { fn.checked = true; fn.indeterminate = false; } else { if(c == 0) { fn.checked = false; fn.indeterminate = false; } else { fn.checked = true; fn.indeterminate = true; } } }</script></font><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站,js.alixixi.com</a> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]