layui 列表上面的switch开关切换

layui 列表上面的switch开关切换

HTML

html <input type="checkbox" name="state" value = {{d.state}} lay-skin="switch" lay-text="开启|关闭" lay-filter="state" {{ d.state == '0' ? 'checked' : '' }}>

js

form.on('switch(state)', function(obj){
    //根据业务判断是开启还是关闭
    var state = obj.elem.checked?0:1;
    //方法一取数据(根据相对位置取)
    var id = obj.othis.parents('tr').find("td :first").text();
    //方法二取数据 (根据索引table.cache里面的行数据)
    var index  = obj.othis.parents('tr').attr("data-index");
    var id = tableData[index].id;
    $.get("接口地址",{"id":id,"state":state},function (res) {
        if(res.code != '0'){
            layer.msg(res.msg);
        }
    });
  });