jQuery自定义按钮事件

最新推荐文章于 2022-03-17 12:05:49 发布

懒大白

最新推荐文章于 2022-03-17 12:05:49 发布

阅读量1.6k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44552244/article/details/97622412

版权

开发工具与关键技术：Visual Studio / jQuery自定义按钮事件
作者：郑名方
撰写时间：2019年7月 26日

jQuery自定义按钮首页只需要在页面的载入事件的方法渲染table里面书写自定义按钮的样式。
在这里插入图片描述
jQuery的自定义可以是修改、删除、作废、启用按钮；还可以自定义动画显示、隐藏、执行时间长短，可以自定义checkbox框。

function sewitchEnable(securitycheckID, toVoidNo) {
            var strMag = "确定";
            strMag += toVoidNo ? "不合格" : "合格";
            strMag += "";
            layer.confirm(strMag, {
                icon: 3,

            }, function (index) {
                //关闭询问提示框
                layer.close(index);
                //打开加载层
                layerIndex = layer.load();

                $.post("/Main/SwitchToVoidNo", {
                    securitycheckID: securitycheckID,
                    toVoidNo: toVoidNo
                }, function (jsonData) {
                    layer.close(layerIndex);//关闭加载层

                    if (jsonData.State == true) {
                        tabAJXM.reload();//刷新table

                    } else {
                        layer.msg(message.Text, { icon: 0, skin: "layui-layer-molv" });
                    }
                }, 'json');
            });
        }

上面的代码是自定义checkbox框，其实和修改删除、作废、启用的代码差不多一样的，只是自定义的名称和获取绑定表格的主键ID。自定义checkbox框它是通过“true”和“false”和作废按钮、启用按钮一样也是通过“true”和“false”，如果自定义checkbox框是“true”它会勾选checkbox框反则是“false”它就会没有勾选checkbox框；就像点击作废按钮它显示的是“false”所以数据作废可以任意删除以作废的数据，想要修改数据也是需要把数据作废才可以修改，那反则“true”就是启用按钮把以作废的数据启用也就是说启用的数据是不可以删除和修改的。
自定义按钮事件的修改、删除和平常的修改、删除的用法一样。