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

蓝冰网

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

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

[复制链接]

31

主题

34

帖子

543

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
543
发表于 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. });
复制代码
问题得以解决

效果图如下:
222.jpg
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2022-5-27 15:14 , Processed in 0.037910 second(s), 5 queries , Redis On.

Powered by 蓝冰网

Copyright © 2011-2021

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