layui联合php技巧_UI框架Layui结合formtable实现全选反选效果

要实现全选、反选效果，须要用到form事宜监听，来监听checkbox复选勾选事宜。
事宜监听默认监听所有form模块元素，这里我们只须要监听CheckBox元素，可以对CheckBox元素利用事宜过滤器。

复选框点击勾选时触发，回调函数返回一个object参数，携带两个成员，分别是elem和value，详细返回值可以通过浏览器F12查看，如下图：

HTML代码如下：

额，我是在用PHP开源框架thinkphp5自己做后台管理系统玩，以是就没有掺杂了一些PHP的代码。

JS代码如下：

上述代码，第一个监听实现全选功能，第二个监听是单选时的效果。
如果单独勾选每个选项，当全部选中时，全选开关会自动勾选，反之，如果没有全部选择，全选开关会自动取消选中状态。