关于jquery实现table列表的全选框事件的总结

    距离上一次写博客已经过去两个多月，因为工作的变动和身体的原因，使得原本计划的关于socket总结的下篇博客不了了之。

    编程的路不好走，我希望能通过记录博客的方式，记录或总结我曾经遇到的问题。总结的有浅薄之处，但我相信，现在的记录能巩固记忆，以后再次翻阅也定能有另一番收获。

    这篇博客的主题是list列表的全选实现，以前的框架封装的比较多，很多应用都没亲自实现或仔细理解过。现在入职的这家公司虽然代码很少封装，但也给了我亲自实现的机会，

也让我有了累积代码的意识。

    相信很多朋友在实际开发过程中或者是改bug的时候，都曾经为不能全选或取消全选的bug苦恼过。以前我在遇到这类问题的时候也心有恐惧，避而远之（可能是被购物车的

全选问题吓到了吧...）。但是在今天实际去做的时候，忽觉豁然开朗。任何妖魔鬼怪都纸老虎~好了，现在开始说一下我的具体思路：

   第一：在总体上实现全选与取消全选，具体的jquery的代码如下（这里遇到了js冲突的问题，大家在遇到这类问题的时候，可以尝试去改变jquery的简写符号$）：

   


   实现此功能主要是对全选框的状态判断，然后逐个遍历，施加状态：



当然，对于具体实现的代码有多种，我这里是沿用我平时的试用习惯。其他的方式可自行百度，不详细贴出。

   第二：针对列表数据前的勾选操作，具体情形我也是分为两步：

   1.已经全选  2.没有全选   

   这里我会命名一个变量flag，主要目的是方便对结果进行识别。

   


    需要注意的是，最后的flag判断不可放在循环里，否则会引发一个比较有趣的bug，有兴趣的话可自行尝试一下~

    ok，这篇博客就到这里，篇幅较短。本想把之前自己总结的分页功能也在这里分享一下，但是...或许是太久不写在这方面没这么积极了，也或许是我忘了怎么去实现的...