JavaScript实现全选取消效果

本文实例为大家分享了js实现全选取消效果的具体代码，供大家参考，具体内容如下

 
 
 
 .hide {
  display: none;
 }

 .c1 {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: black;
  opacity: 0.6;
  z-index: 9;
 }

 .c2 {
  width: 500px;
  height: 400px;
  background-color: white;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -300px;
  z-index: 10;
 }
 



 
 
 
 
 

 

 

  
选择
  
主机名
  
端口
 
 
 

 

  

  
1.1.1.1
  
90
 
 

  

  
1.1.1.2
  
91
 
 

  

  
1.1.1.3
  
92
 
 
 







 

 

 

 
 
 

效果如下：

点击全选反选取消就是相应的效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。