请选择 进入手机版 | 继续访问电脑版

蓝冰网

 找回密码
立即注册
查看: 252|回复: 0

layui复选框checkbox取消无效或没有反应解决办法

[复制链接]

19

主题

22

帖子

428

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
428
发表于 2021-8-24 14:26:21 | 显示全部楼层 |阅读模式
layui组件复选框checkbox选中取消,无反应,没效果解决办法
在input中加入lay-filter="checkDemo",如下:
  1. <input type="checkbox"  value="1" name="perone[]" title="测试" lay-skin="primary" lay-filter="checkDemo">
复制代码
然后在  layui.use(['form'], function(){中加入如下代码:
  1. form.on('checkbox(checkDemo)', function(data){
  2.         var oldState = data.elem.checked;       
  3.             $(this).prop("checked", true);
  4.         if(oldState){
  5.            $(this).prop("checked", false);
  6.         }
  7.       form.render('checkbox',this);
  8. });
复制代码
问题得以解决

效果图如下:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|蓝冰网 ( 豫ICP备13009983号-1 )

GMT+8, 2021-10-25 03:13 , Processed in 0.059006 second(s), 18 queries .

Powered by 蓝冰网

Copyright © 2011-2021

快速回复 返回顶部 返回列表