是点击总分类的复选框,自动选择所有子分类的复选框
来源:互联网 发布:工信部数据分析师证书 编辑:程序博客网 时间:2024/04/28 18:34
再很多网站里这都是一个很常见的效果,就是点击总分类的复选框,自动选择所有子分类的复选框,或者如果子分类的所有复选框全部被选中则总分类复选框也自动被选中。
这次偶时再msn的网站上偶然看到的,于是自己也试着写了下,代码如下:
这次偶时再msn的网站上偶然看到的,于是自己也试着写了下,代码如下:
<!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<a.length;i++){
a[i].checked=b.checked;
}
}
function fixChk(str){
var a=document.getElementById("t1").getElementsByTagName("input");
var b=document.getElementById("d1");
for(var i=0;i<a.length;i++){
if(a[i].checked==false){
b.checked=false;
return ;
}
}
b.checked=true;
}
</script>
</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">
<input type="checkbox" onclick="fixChk('1')" />书籍及杂志
<input type="checkbox" onclick="fixChk('1')" />音乐及影碟
<br /> <input type="checkbox" onclick="fixChk('1')" />旅游
</div>
</center>
</body>
</html>
"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<a.length;i++){
a[i].checked=b.checked;
}
}
function fixChk(str){
var a=document.getElementById("t1").getElementsByTagName("input");
var b=document.getElementById("d1");
for(var i=0;i<a.length;i++){
if(a[i].checked==false){
b.checked=false;
return ;
}
}
b.checked=true;
}
</script>
</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">
<input type="checkbox" onclick="fixChk('1')" />书籍及杂志
<input type="checkbox" onclick="fixChk('1')" />音乐及影碟
<br /> <input type="checkbox" onclick="fixChk('1')" />旅游
</div>
</center>
</body>
</html>
- 是点击总分类的复选框,自动选择所有子分类的复选框
- 商品分类复选框的属性修改
- 复选框的选择
- 选择复选框的xxxx
- Listview复选框的选择
- MFC TreeControl复选框:选中某个节点的复选框后,自动选中子节点的复选框
- 一步选择或者取消所有的复选框
- 带复选框的树控件-复选框点击事件
- TreeView节点复选框的点击事件
- table里面复选框切换为单选,点击每一行也做复选框的选择切换
- 用JS控制复选框的选择
- 复选框的选择去处理
- 树形控件复选框的级联选择
- 【JavaScript】限定复选框的选择个数
- MFC中单选框和复选框的选择
- 复选框的选择和激活
- 实现复选框选择的功能
- C#TreeView复选框的选择
- [转]MemCached的PHP客户端操作类一
- javascript事件查询综合
- tomcat 性能调整
- [转]MemCached的PHP客户端操作类二
- 软件工程的七条基本原理
- 是点击总分类的复选框,自动选择所有子分类的复选框
- 对于文件系统的研究(Fat、yaffs)
- oracle9i 和 ORACLE10G 删除方法.
- 初学xml
- 人月神话:软件界面交互和易用性改进总结
- Latex Tutorial
- 跟随滚动条滚动的层(浮动AD效果)
- IBM的工作环境
- 自己实现一个“线程池”zz