页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

javascript关于复选框的实用脚本代码

发布：dxy 字体：[增加减小] 类型：转载

在很多网站里这都是一个很常见的效果，就是点击总分类的复选框，自动选择所有子分类的复选框，或者如果子分类的所有复选框全部被选中则总分类复选框也自动被选中。
这次偶时再msn的网站上偶然看到的，于是自己也试着写了下。

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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<a.length;i++){ 
            a[i].checked=b.checked; 
        } 
    }

<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"> 
  <input type="checkbox" onclick="fixChk('1')" />书籍及杂志 
  <input type="checkbox" onclick="fixChk('1')" />音乐及影碟

</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：javascript关于复选框的实用脚本代码