复选框问题

admin

上边这些复选框如何点击营销管理、客户管理、服务管理等下边的子选项框也能选中，这个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>
         
营销管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L01')"    checked="on"  value="L01"/>
</div>
<div>
               
销售机会管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L0101')"    checked="on" value="L0101" />
</div>
<div>
               
客户开发计划
<input name="roleRright" type="checkbox" onclick="checkedAll('L0102')"    checked="on" value="L0102" />
</div>
<div>
         
客户管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L02')"    checked="on"  value="L02"/>
</div>
<div>
               
客户信息管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L0201')"    checked="on" value="L0201" />
</div>
<div>
               
客户流失管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L0202')"    checked="on" value="L0202" />
</div>
<div>
         
服务管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L03')"    checked="on"  value="L03"/>
</div>
<div>                
服务创建
<input name="roleRright" type="checkbox" onclick="checkedAll('L0301')"    checked="on" value="L0301" />
</div>
<div>
               
服务分配
<input name="roleRright" type="checkbox" onclick="checkedAll('L0302')"    checked="on" value="L0302" />
</div>
<div>                
服务处理
<input name="roleRright" type="checkbox" onclick="checkedAll('L0303')"    checked="on" value="L0303" />
</div>
<div>                
服务反馈
<input name="roleRright" type="checkbox" onclick="checkedAll('L0304')"    checked="on" value="L0304" />
</div>

<div>
               
服务归档
<input name="roleRright" type="checkbox" onclick="checkedAll('L0305')"    checked="on" value="L0305" />
</div>

</td>
<td class="input_content" colspan="5" valign="top">
<div>
         
统计报表
<input name="roleRright" type="checkbox" onclick="checkedAll('L04')" value="L04" />
</div>
<div>
               
客户贡献分析
<input name="roleRright" type="checkbox" onclick="checkedAll('L0401')" value="L0401" />
</div>
<div>                
客户构成分析
<input name="roleRright" type="checkbox" onclick="checkedAll('L0402')" value="L0402" />
</div>
<div>                
客户服务分析
<input name="roleRright" type="checkbox" onclick="checkedAll('L0403')" value="L0403" />
</div>
<div>
               
客户流失分析
<input name="roleRright" type="checkbox" onclick="checkedAll('L0404')" value="L0404" />
</div>
<div>
         
基础数据
<input name="roleRright" type="checkbox" onclick="checkedAll('L05')"    checked="on" value="L05" />
</div>
<div>
               
数据字典管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L0501')"    checked="on" value="L0501" />
</div>
<div>
               
产品信息管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L0502')" value="L0502" />
</div>
<div>
               
库存信息管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L0503')" value ="L0503" />
</div>
<div>
         
权限管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L06')" value="L06" />
</div>
<div>
               
用户管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L0601')" value="L0601" />
</div>
<div>
               
角色管理
<input name="roleRright" type="checkbox" onclick="checkedAll('L0602')" value="L0602" />
</div>
</td>
</tr>
</table>
  </body>
</html>

admin · 发表于 2011-8-3 15:41:32

看看这个行不[code=jscript]<HTML>
<HEAD>
</HEAD>
<BODY>
<div>
<input type=checkbox name=All onClick="checkAll('item')">营销管理

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

         <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]

帐号		自动登录	找回密码
密码			加入黑马

复选框问题

评分

1 个回复

评分