layui中form表单使用自定义函数

layui中form表单使用自定义函数

遇到的问题：

在使用layui的过程中，想在form表单中的checkbox上面增加点击事件，按照平时使用的规则，在checkbox元素上面增加onclick监听事件，发现无论怎么点击都无法触发这个点击事件。

产生问题的原因：

通过前端审查元素发现原来layui在渲染的时候增加了一个div包裹住了checkbox元素，你的点击事件是在checkbox上面，点击的时候只能点击到这个div而无法触发到checkbox，所以导致无法触发这个点击事件。

解决问题：

这个时候就需要使用layui.use这个模块，在这个模块里面写的函数是可以绑定到相应的div元素上面,
先在每一个checkbox上面增加一个filter属性：

<div class="layui-input-block">
     <input type="checkbox" lay-filter="boxfunc" name="views[]" value="111" title="All"