1、首先，明确需求。现在我们要实现电子邮箱中邮件列表，页面中具备一些动态操作如全选，反选，取消全选，删除选中附件等。图例如下图所示。
2、其次，拿到这个题目该如何建立思路呢？
1、用HTML标签封装数据，即，打开网页时就显示的信息用HTML标签封装起来。这样也便于下面对数据进行动态操作。
3、用css给页面添加一些样式，分为静态的样式和预定义的样式。预定义的样式用于动态效果的实现，方便于事件处理时的样式加载。
4、这一步的重点是使用代码实现页面的动态效果。思路是：确定事件源和事件，以及处理方式中被处理的节点。
事件源：按钮“button"，事件是点击”onclick"和两个全选单选框及对应的被选中事件即“checked”。
被处理的节点 是邮件列表单选框。
5、根据上述的编程思路，编写js代码，处理页面的行为，码代码就可以了。下面是一个样例。js代码如下图。
6、上面有一个技巧需要注意一下，就是对按钮事件处理的时候传入的参数取值为0,1,2即0代表取消全选，1代表全选，2代表反选，这样用一个if-else语句就可实现三个功能了。
7、最后就是最终的效果展示了，一个 是删除操作前的，一个是删除后的。
