欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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开关的需求,具体思路如下

  1. 思路
    a. 首先利用layui模板table组件显示switch开关
    b. 编写模板代码
    c. 在js中监听switch的事件
  2. 代码
    下面展示一些 内联代码片
<!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