黑马程序员技术交流社区

标题: 复选框问题 [打印本页]
作者: 傅荣康    时间: 2011-8-2 17:43
标题: 复选框问题

上边这些复选框如何点击营销管理、客户管理、服务管理等下边的子选项框也能选中，这个js代码怎么写，请多多指教


下面是html代码
<html lang="gsw">
  <head>       
</script>
  </head>
  <body class="main">
<table class="query_form_table" border="0" cellPadding="3" cellSpacing="0" height="80%">
                        <tr>
                                <td class="input_content" colspan="2" valign="top">
                        <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                营销管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L01')"      checked="on"  value="L01"/>
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                销售机会管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0101')"      checked="on"    value="L0101" />
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                客户开发计划
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0102')"      checked="on"    value="L0102" />
                        </div>
                        <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                客户管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L02')"      checked="on"  value="L02"/>
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                客户信息管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0201')"      checked="on"    value="L0201" />
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                客户流失管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0202')"      checked="on"    value="L0202" />
                        </div>
                        <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                服务管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L03')"      checked="on"  value="L03"/>
                        </div>
                        <div>        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                服务创建
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0301')"      checked="on"    value="L0301" />
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                服务分配
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0302')"      checked="on"    value="L0302" />
                        </div>
                        <div>                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                服务处理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0303')"      checked="on"    value="L0303" />
                        </div>
                        <div>        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                服务反馈
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0304')"      checked="on"    value="L0304" />
                        </div>

                        <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                服务归档
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0305')"      checked="on"    value="L0305" />
                        </div>
       
                                </td>
                        <td class="input_content" colspan="5" valign="top">
                        <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                统计报表
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L04')"    value="L04" />
                        </div>
                        <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                客户贡献分析
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0401')"    value="L0401" />
                        </div>
                        <div>        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                客户构成分析
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0402')"    value="L0402" />
                        </div>
                        <div>        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                客户服务分析
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0403')"    value="L0403" />
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                客户流失分析
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0404')"    value="L0404" />
                        </div>
                        <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                基础数据
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L05')"      checked="on"   value="L05" />
                        </div>
                        <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                数据字典管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0501')"      checked="on"   value="L0501" />
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                产品信息管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0502')"    value="L0502" />
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                库存信息管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0503')"    value        ="L0503" />
                        </div>
                        <div>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                权限管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L06')"    value="L06" />
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                用户管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0601')"    value="L0601" />
                        </div>
                        <div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                角色管理
                                <input name="roleRright" type="checkbox" onclick="checkedAll('L0602')"    value="L0602" />
                        </div>
                                </td>                       
                        </tr>
                </table>
  </body>
</html>
作者: 匿名    时间: 2011-8-3 15:41
看看这个 行不[code=jscript]<HTML>
<HEAD>
</HEAD>
<BODY>
<div>
<input type=checkbox name=All onClick="checkAll('item')">营销管理

<div>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=checkbox name=item onClick="checkItem('All')">销售机会管理

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=checkbox name=item onClick="checkItem('All')">客户开发计划

</div></div>

<SCRIPT LANGUAGE="JavaScript">
function checkAll(str)
{
        var a = document.getElementsByName(str);
        var len = a.length;
        for (var i=0; i<len; i++)
        a[i].checked = window.event.srcElement.checked;
}
function checkItem(str)
{
        var e = window.event.srcElement;
        var all = eval("document.all."+ str);
        if (e.checked)
        {
                var a = document.getElementsByName(e.name);
                all.checked = true;
                for (var i=0; i<a.length; i++)
                {
                        if (!a[i].checked)
                        {
                                all.checked = false; break;
                        }
                }
        }
        else
                all.checked = false;
}
</SCRIPT>
</BODY>
</HTML>[/code]



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2