基本信息
源码名称:JavaScript实现复选框的全选/全不选(反选)功能
源码大小:1.45KB
文件格式:.html
开发语言:js
更新时间:2019-11-19
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>全选/全不选</title>
  <!--
         作者:杨高升
         时间:2019-11-19
         描述:全选全不选
        -->
  <style type="text/css">
   li{
    list-style-type: none;  
   }
   
  </style>
  <script type="text/javascript">
  //全选按钮
   function num1(){
    var aaa1 = document.getElementsByName("aaa")[0].checked;
    var num1 = document.getElementsByName("num");
    for(var i=0;i<num1.length;i ){
     num1[i].checked = aaa1;
    }
   }
  
   function num2(){
     var num2 = document.getElementsByName("num");
     var aaa2 = document.getElementsByName("aaa")[0];
     //当都没有选中时全选按钮为false
     for(var i=0;i<num2.length;i ){
      if(num2[i].checked ==false){
       aaa2.checked = false;
      }
      
     }
     
     //当有一个选中时全选按钮为true
     for(var i=0;i<num2.length;i ){
      if(num2[i].checked ==true){
       aaa2.checked = true;
      }
     }
   }