layui实现增删改查按钮禁用

  //监听表格复选框选择
    table.on('checkbox(maintable)', function (obj) {
        // console.log(obj)
        var checkStatus = table.checkStatus('maintable')
            , checkData = checkStatus.data; //得到选中的数据
        // console.log(checkData)
        if (checkData.length === 1) {
            $("#detail").attr("disabled", false)
            $("#edit").attr("disabled", false)
            $("#addmoves").attr("disabled", false)
        } else {
            $("#detail").attr("disabled", true)
            $("#edit").attr("disabled", true)
            $("#addmoves").attr("disabled", true)
        }
        if (checkData.length >= 1) {
            $("#del").attr("disabled", false)
        } else {
            $("#del").attr("disabled", true)
        }
    });

<!--//增删改操作-->
<script id="toolbarDemo" type="text/html">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" data-type="add" id="add" onclick="add">添加</button>
        <button class="layui-btn layui-btn-sm" data-type="edit" id="edit" disabled onclick="edit">修改</button>
        <button class="layui-btn layui-btn-sm" data-type="detail" id="detail" disabled onclick="detail">查看</button>
        <button class="layui-btn layui-btn-sm" data-type="batchdel" id="del" disabled onclick="del">删除</button>
    </div>
</script>