LayUI table 中添加 switch开关
程序员文章站
2022-07-02 14:20:29
LayUI Switch开关今天做项目时,遇到一个在table表格操作列中添加switch开关的需求,具体思路如下思路a. 首先利用layui模板table组件显示switch开关b. 编写模板代码c. 在js中监听switch的事件代码下面展示一些 内联代码片。 Layui ...
LayUI Switch开关
今天做项目时,遇到一个在table表格操作列中添加switch开关的需求,具体思路如下
- 思路
a. 首先利用layui模板table组件显示switch开关
b. 编写模板代码
c. 在js中监听switch的事件 - 代码
下面展示一些内联代码片
。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css" media="all">
<!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
</head>
<body>
<table class="layui-hide" id="test"></t
本文地址:https://blog.csdn.net/weixin_43878599/article/details/109248484
上一篇: win10下端口被占用解决办法