Layui 系列之—表格开关改变状态

1. 第一步
   

2. 第二步

   <script type="text/html" id="switch_is_hot">
       {{# if(d.isHot){ }}
       <input type="checkbox" value="{{d.objId}}" lay-skin="switch" lay-text="是|否" lay-filter="switch_is_hot"
              checked="checked"></input>
       {{# }else{ }}
       <input type="checkbox" value="{{d.objId}}" lay-skin="switch" lay-text="是|否" lay-filter="switch_is_hot"></input>
       {{# } }}
   </script>
   

3. 第三步.

       // 渲染表格
       layui.use(['table', 'form', 'layedit'], function () {
           var table = layui.table;
           var form = layui.form;
   
           //监听 开关 操作
           form.on('switch(switch_is_hot)', function (obj) {
               $.get(url_edit, {
                   objId: this.value,
                   type: 0,
                   value: obj.elem.checked
               }, function (result) {
                   layer.msg(result.info);
               });
           });
   
       }); // end layui.use();