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);}});});

layui 列表上面的switch开关切换相关推荐

LAYUI解决checked的 switch 开关赋值问题
LAYUI解决checked的 switch 开关赋值问题首先,我在网上找了很多种办法,没有任何一种方法是可以完美解决我的问题的.先说说我的需求. 当我的开关为"打开"时,下方的 ...
ace admin switch 开关中英文切换
今天在开发项目的时候,遇到了ace admin switch开关切换的问题,默认的是英文,想改为中文,一开始以为是在js中控制的,可是找了很久都没有找到,后来在ace.min.css中找到了input ...
html switch开关实现隐藏,css3实现switch开关效果
之前阿里电面的时候问的一个问题,今天抽时间做了个demo. html结构 css代码,:before负责颜色,:after是那个白色小圆点,切换时的过渡效果用css3的动画实现. .switch{ d ...
LayUi使用switch开关，动态的去控制它是否被启用
layui中的switch开关,能够去显示当前的状态,是否是启用还是禁用.当时如果当前记录的某个值没有进行填写,这行记录就不能被启用.并且页面上也要让他不能进行操作. 直接上代码: // 页面状态栏事 ...
微信小程序主题皮肤切换（switch开关）
示例效果: 功能点分析: 1.点击switch开关,切换主题皮肤(包括标题栏.底部tabBar): 2.把皮肤设置保存到全局变量,在访问其它页面时也能有效果 3.把设置保存到本地,退出应用再进来时,依 ...
SSM框架使用Layui文件上传插件实现多文件上传（多文件列表）
SSM框架使用Layui文件上传插件实现多文件上传(多文件列表) pom.xml文件的配置想要实现SSM框架实现多文件上传,必要的jar包必须要在pom.xml文件中引入.如下: <!--co ...
根据上面的products列表写一个循环，不断询问用户想买什么，用户选择一个商品编号，就把对应的商品添加到购物车里，终用户输入q退出时，打印购买的商品列表。
一.问题: 现有商品列表如下: 1.products = [["iphone",6888],["MacPro",14800],["小米6", ...
【小程序】手动实现switch开关中带文字效果（开关左右文字相同/不同都可以）
最终效果: 左右文字宽度相同左右文字宽度不同左右长度相同效果:配合wx:show切换注意:左右长度相同的话可以设置合适的相同的宽度. html: <view class="sw ...
计算机主板上电源怎么插,教大家电脑主板上的电源开关插头怎么接
近日有关于电脑主板上的电源开关插头怎么接的问题受到了很多网友们的关注,大多数网友都想要知道电脑主板上的电源开关插头怎么接的具体情况,那么关于到电脑主板上的电源开关插头怎么接的相关信息,小编也是在网上进 ...

layui 列表上面的switch开关切换

layui 列表上面的switch开关切换

HTML

js

layui 列表上面的switch开关切换相关推荐

最新文章

热门文章