JavaScript实现复选框联动：全选与反选逻辑

代码示例与运行说明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>   <title></title>   <script type="text/javascript">     function checkAll(str){         var a=document.getElementById("t"+str).getElementsByTagName("input");         var b=document.getElementById("d"+str);         for(var i=0;i </head> <body> <center> <div style="width:90%;text-align:left;border:1px solid #ccc;height:25px;line-height:25px"><input type="checkbox" id="d1" onclick="checkAll('1')"/>休闲娱乐</div> <div style="width:90%;text-align:left;border:1px solid #ccc;" id="t1"> &nbsp;&nbsp;<input type="checkbox" onclick="fixChk('1')" />书籍及杂志 &nbsp;&nbsp;<input type="checkbox" onclick="fixChk('1')" />音乐及影碟 &nbsp;&nbsp;<input type="checkbox" onclick="fixChk('1')" />旅游 </div> </center> </body> </html> 

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]