javascript实现Email邮件显示与删除功能_javascript技巧

1）.全选复选框，通过var nodess=document.getElementsByName("mail");

复选框函数进行

2）.按钮全选，反选，和取消全选，可以用一个函数写，传入不同的参数AllBybtn(num）类型即可

函数里面 根据js的特性 非0 和 0 这两种状态，进行设置，为了同步，需要分别进行设置

3）.为了显示出当全部选中就默认全选的复选框选中，所以需要对每一个复选框进行设置，采用函数checkBysingle()进行设置

4）.删除所选项是需要主要，当前的是checkbox对象，上一级是td--tr--先拿到tr对象，然后对通过tr的父节点删除tr对象再删除之后，x会变化，可能有些删不到，所以需要将X的值还原，或者从后面开始删除。

2、样式设置：

三、背景颜色以及鼠标移动的事件设置

四、复选框的全选

五、按钮的全选

function AllBybtn(num){//全选按钮设置 
 var nodess = document.getElementsByName("mail"); 
 /*多重for 循环不太好，可以根据js里面的特性0 非0 
 for (var x = 0; x < nodess.length; x++) { 
 if (num == 1) { 
 nodess[x].checked = 1; 
 }else if (num == 2) { 
 nodess[x].checked = !nodess[x].checked; 
 }else if (num == 3) { 
 nodess[x].checked = false; 
 } 
 }*/ 
 for(var x=0;x六、所有项目都选中之后全选自动选中





 七、删除邮件的函数（删除行）





现象一：

反选效果：

删除前：

删除后：

完整代码：



 
 
  
 
  
  
 

希望本文所述对大家学习javascript程序设计有所帮助。