每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>表单按钮特效代码>

收藏分享查看评论表单按钮

复选框单选、多选的实现_表单按钮特效

查看演示效果

特效Tag：全选添加

JavaScript实现的一个复选框单癣多选问题，类似全选全不选，单击分类的索引会选中所属的子分类，再次单击会取消选择，也可以只选择子分类，网页编程我们经常要用的到的小技巧。

<html>
<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')" />ASP<input type="checkbox" onclick="fixChk('1')" />PHP<input type="checkbox" onclick="fixChk('1')" />ASP.NET
</div>
</center>
</body>
</html>

所属频道：表单按钮特效/更新时间：2012-12-16

[收藏][报错][返回列表]

相关表单按钮特效：

表单按钮特效Rss订阅特效代码搜索

表单按钮特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索复选框单选、多选的实现
特效说明：
表单按钮模板-复选框单选、多选的实现。