高难度的复选框全选问题，参与皆有分

<script language=Javascript>
function CheckAll()
{
   var a = document.getElementsByTagName("input");
   if(a[0].checked==true){
   for (var i=0; i<a.length; i++)
      if (a[i].type == "checkbox") a[i].checked = true;
   }
   else
   {
   for (var i=0; i<a.length; i++)
      if (a[i].type == "checkbox") a[i].checked = false;
   }
}
window.SearchByTagName = function(e, TAG)
{
    while(e!=null && e.tagName){
    if(e.tagName==TAG.toUpperCase()) return(e);
    e = e.parentNode; } return null;
}
function mm(e, n)  //n为行数
{
    var tr = SearchByTagName(e, "TR");
    var tab = tr.parentNode.parentNode;
    var index = tr.rowIndex;
    for(var i=1; i<=n; i++)
    {
        var a = tab.rows[index+i].getElementsByTagName("INPUT");
        for(var x=0; x<a.length; x++)
        {
          if(a[x].type=="checkbox") a[x].checked = e.checked;
        }
    }
}
</script>
<table width="100%" cellspacing="1" cellpadding="5" bgcolor=#999999 align=center>
  <tr bgcolor=#CCCCCC height=20>
    <td colspan="4"><center><b>用户管理权限设置(编辑 xxx 的管理权限)</b></td>
  </tr>
  <tr bgcolor=#ffffff><td colspan="4"><label>
    </label>
      <table width="100%"  border="0">
        <tr>
          <td width="26%"><input name="checkbox" type="checkbox" onClick="CheckAll()" value="checkbox" checked >
            <span style="color: #CC0000">全部选中/取消 </span></td>
          <td width="18%" align=right bgcolor="#FFFFFF">用户分组：</td>
          <td width="39%" bgcolor="#FFFFFF"><select name=userkey>
              <option value="1" >注册用户</option>
              <option value="2" selected>普通管理员</option>
              <option value="3" >超级管理员</option>
          </select>
            <font color="#CC0000">注意：注册用户无法登陆管理后台</font>。</td>
          <td width="17%" align="right"><span style="color: #CC0000">
            <input type="submit" name="Submit" value="更新用户权限">
          </span></td>
        </tr>
      </table>
      </td>
  </tr><tr bgcolor=#dddddd><td colspan="4"><b><input name="classid" type="checkbox" value="2" checked onclick="mm(this, 3)">【税务信息】</b></td>
</tr><tr bgcolor=#ffffff><td>
<input name=userper checked type=checkbox value="22">地税工作动态
<td>
<input name=userper checked type=checkbox value="23">涉税公告
<td>
<input name=userper checked type=checkbox value="24">检查公示
<td>
<input name=userper checked type=checkbox value="25">减免税公示</td></tr><tr bgcolor=#ffffff>
<td>
<input name=userper checked type=checkbox value="26">定额公示
<td>
<input name=userper checked type=checkbox value="27">欠税公告
<td>
<input name=userper checked type=checkbox value="28">欠费公告
<td>
<input name=userper checked type=checkbox value="29">诚信纳税人公告</td></tr><tr bgcolor=#ffffff>
<td>
<input name=userper checked type=checkbox value="210">税务违法案件曝光
<td>
<input name=userper checked type=checkbox value="211">依申请公开事项<td>&nbsp;</td><td>&nbsp;</td>
<tr bgcolor=#dddddd><td colspan="4"><b><input name="classid" type="checkbox" value="3" checked onclick="mm(this, 1)">【政策法规】</b></td>
</tr><tr bgcolor=#ffffff><td>
<input name=userper checked type=checkbox value="31">税收政策法规
<td>
<input name=userper checked type=checkbox value="32">基金费政策法规
<td>
<input name=userper checked type=checkbox value="33">行政复议、行政赔偿法律法规<td>&nbsp;</td>
<tr bgcolor=#dddddd><td colspan="4"><b><input name="classid" type="checkbox" value="4" checked onclick="mm(this, 1)">【办税指南】</b></td>
</tr><tr bgcolor=#ffffff><td>
<input name=userper checked type=checkbox value="41">办理税务登记
<td>
<input name=userper checked type=checkbox value="42">办理发票申购
<td>
<input name=userper checked type=checkbox value="43">办理申报纳税
<td>
<input name=userper checked type=checkbox value="44">办理减免税</td></tr><tr bgcolor=#ffffff><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
<tr bgcolor=#dddddd><td colspan="4"><b><input name="classid" type="checkbox" value="5" checked onclick="mm(this, 1)">【服务承诺】</b></td>
</tr><tr bgcolor=#ffffff><td>
<input name=userper checked type=checkbox value="51">文明服务用语和忌语
<td>
<input name=userper checked type=checkbox value="52">服务承诺
<td>
<input name=userper checked type=checkbox value="53">工作纪律<td>&nbsp;</td>
<tr bgcolor=#dddddd><td colspan="4"><b><input name="classid" type="checkbox" value="6" checked onclick="mm(this, 1)">【网上办税】</b></td>
</tr><tr bgcolor=#ffffff><td>
<input name=userper checked type=checkbox value="61">网上申报纳税
<td>
<input name=userper checked type=checkbox value="62">网上资料下载<td>&nbsp;</td><td>&nbsp;</td>
<tr bgcolor=#dddddd><td colspan="4"><b><input name="classid" type="checkbox" value="7" checked onclick="mm(this, 1)">【举报投诉】</b></td>
</tr><tr bgcolor=#ffffff><td>
<input name=userper checked type=checkbox value="71">税务违法案件举报
<td>
<input name=userper checked type=checkbox value="72">行风投诉、廉政举报<td>&nbsp;</td><td>&nbsp;</td>
<tr bgcolor=#dddddd><td colspan="4"><b><input name="classid" type="checkbox" value="8" checked onclick="mm(this, 1)">【互动平台】</b></td>
</tr><tr bgcolor=#ffffff><td>
<input name=userper checked type=checkbox value="81">局长信箱
<td>
<input name=userper checked type=checkbox value="82">你问我答<td>&nbsp;</td><td>&nbsp;</td>
<tr bgcolor=#dddddd><td colspan="4"><b><input name="classid" type="checkbox" value="9" checked onclick="mm(this, 1)">【政治园地】</b></td>
</tr><tr bgcolor=#ffffff><td>
<input name=userper checked type=checkbox value="91">邗江地税风采
<td>
<input name=userper checked type=checkbox value="92">党风廉政建设<td>&nbsp;</td><td>&nbsp;</td>
<tr bgcolor=#dddddd><td colspan="4"><b><input name="classid" type="checkbox" value="10" checked onclick="mm(this, 1)">【视频点播】</b></td>
</tr><tr bgcolor=#ffffff><td>
<input name=userper checked type=checkbox value="101">视频点播<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></form>
</table>

解决方案 »

  1.   

    <script language=Javascript>
    function CheckAll()
    {
       var a = document.getElementsByTagName("input");
       if(a[0].checked==true){
       for (var i=0; i<a.length; i++)
          if (a[i].type == "checkbox") a[i].checked = true;
       }
       else
       {
       for (var i=0; i<a.length; i++)
          if (a[i].type == "checkbox") a[i].checked = false;
       }
    }function ck(obj){
    var oFlag = obj.getAttribute("value");
    var chk = document.getElementsByTagName("input");
    for(var i=0;i<chk.length;i++){
    if(chk[i].getAttribute("value").match(new RegExp("^"+oFlag)) && chk[i].type == "checkbox"){
    chk[i].checked ? chk[i].checked = false : chk[i].checked = true;
    }
    }
    }
    </script>
    <table width="100%" cellspacing="1" cellpadding="5" bgcolor=#999999 align=center>
      <tr bgcolor=#CCCCCC height=20>
        <td colspan="4"><center>
          <b>用户管理权限设置(编辑 xxx 的管理权限)</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td colspan="4"><label> </label>
          <table width="100%"  border="0">
            <tr>
              <td width="26%"><input name="checkbox" type="checkbox" onClick="CheckAll()" value="checkbox" checked >
                <span style="color: #CC0000">全部选中/取消 </span></td>
              <td width="18%" align=right bgcolor="#FFFFFF">用户分组：</td>
              <td width="39%" bgcolor="#FFFFFF"><select name=userkey>
                  <option value="1" >注册用户</option>
                  <option value="2" selected>普通管理员</option>
                  <option value="3" >超级管理员</option>
                </select>
                <font color="#CC0000">注意：注册用户无法登陆管理后台</font>。</td>
              <td width="17%" align="right"><span style="color: #CC0000">
                <input type="submit" name="Submit" value="更新用户权限">
                </span></td>
            </tr>
          </table></td>
      </tr>
      <tr bgcolor=#dddddd>
        <td colspan="4"><b>
          <input name="classid" type="checkbox" value="2" onclick="ck(this)" checked>
          【税务信息】</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="22">
          地税工作动态
        <td><input name=userper checked type=checkbox value="23">
          涉税公告
        <td><input name=userper checked type=checkbox value="24">
          检查公示
        <td><input name=userper checked type=checkbox value="25">
          减免税公示</td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="26">
          定额公示
        <td><input name=userper checked type=checkbox value="27">
          欠税公告
        <td><input name=userper checked type=checkbox value="28">
          欠费公告
        <td><input name=userper checked type=checkbox value="29">
          诚信纳税人公告</td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="210">
          税务违法案件曝光
        <td><input name=userper checked type=checkbox value="211">
          依申请公开事项
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      <tr bgcolor=#dddddd>
        <td colspan="4"><b>
          <input name="classid" type="checkbox" value="3" onclick="ck(this)" checked>
          【政策法规】</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="31">
          税收政策法规
        <td><input name=userper checked type=checkbox value="32">
          基金费政策法规
        <td><input name=userper checked type=checkbox value="33">
          行政复议、行政赔偿法律法规
        <td>&nbsp;</td>
      <tr bgcolor=#dddddd>
        <td colspan="4"><b>
          <input name="classid" type="checkbox" value="4" onclick="ck(this)" checked>
          【办税指南】</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="41">
          办理税务登记
        <td><input name=userper checked type=checkbox value="42">
          办理发票申购
        <td><input name=userper checked type=checkbox value="43">
          办理申报纳税
        <td><input name=userper checked type=checkbox value="44">
          办理减免税</td>
      </tr>
      <tr bgcolor=#ffffff>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      <tr bgcolor=#dddddd>
        <td colspan="4"><b>
          <input name="classid" type="checkbox" value="5" onclick="ck(this)" checked>
          【服务承诺】</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="51">
          文明服务用语和忌语
        <td><input name=userper checked type=checkbox value="52">
          服务承诺
        <td><input name=userper checked type=checkbox value="53">
          工作纪律
        <td>&nbsp;</td>
      <tr bgcolor=#dddddd>
        <td colspan="4"><b>
          <input name="classid" type="checkbox" value="6" onclick="ck(this)" checked>
          【网上办税】</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="61">
          网上申报纳税
        <td><input name=userper checked type=checkbox value="62">
          网上资料下载
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      <tr bgcolor=#dddddd>
        <td colspan="4"><b>
          <input name="classid" type="checkbox" value="7" onclick="ck(this)" checked>
          【举报投诉】</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="71">
          税务违法案件举报
        <td><input name=userper checked type=checkbox value="72">
          行风投诉、廉政举报
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      <tr bgcolor=#dddddd>
        <td colspan="4"><b>
          <input name="classid" type="checkbox" value="8" onclick="ck(this)" checked>
          【互动平台】</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="81">
          局长信箱
        <td><input name=userper checked type=checkbox value="82">
          你问我答
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      <tr bgcolor=#dddddd>
        <td colspan="4"><b>
          <input name="classid" type="checkbox" value="9" onclick="ck(this)" checked>
          【政治园地】</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="91">
          邗江地税风采
        <td><input name=userper checked type=checkbox value="92">
          党风廉政建设
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      <tr bgcolor=#dddddd>
        <td colspan="4"><b>
          <input name="classid" type="checkbox" value="10" onclick="ck(this)" checked>
          【视频点播】</b></td>
      </tr>
      <tr bgcolor=#ffffff>
        <td><input name=userper checked type=checkbox value="101">
          视频点播
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        </form>
    </table>
      

  2.   

    首先谢谢meizz(梅花雪)和cvpc(一回) 出手相助。
    梅老大的经过测试没有问题，我只要在程序中对子栏目的输出行输入到你的ONCLIK函数，就可以正确控制了，测试通过。
    cvpc(一回)虽然代码比较短，但一级栏目的复选框不能和其子栏目的同步，经过测试，ONCLICK一级栏目的复选框，可以实现子栏目的全选和取消，但自己的状态不能同步改变。总之谢谢两位。