layui复选框限制选择个数的方法


Posted in Javascript onSeptember 18, 2019

复选框限制选择个数的方法

html

<div class="layui-form-item">
  <label class="layui-form-label">xxx</label>
  <div class="layui-input-block">
    <input class="education" lay-filter="hope" type="checkbox" name="param[hope_employ][]" value="yy" title="xx">
  </div>
</div>

js

form.on('checkbox(hope)',function(data){
  console.debug(data);
  var len=$(".education:checked").length;
  if(len>3){
    $(data.elem).next().attr("class","layui-unselect layui-form-checkbox");
    $(data.elem).prop("checked",false);
    layer.msg('最多只能选3项!',{icon:5});
    return false;
  }
});

以上这篇layui复选框限制选择个数的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
jQuery on()方法使用技巧详解
Apr 16 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
Aug 11 Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 Javascript
JavaScript 是什么意思
Sep 22 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
JS闭包的几种常见形式实例详解
Sep 16 Javascript
jQuery 改变P标签文本值方法
Feb 24 jQuery
微信小程序自定义对话框弹出和隐藏动画
Jul 19 Javascript
JavaScript代码调试方法实例小结
Jan 05 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
Apr 07 Javascript
JS快速实现简单计算器
Apr 08 Javascript
layui lay-verify form表单自定义验证规则详解
Sep 18 #Javascript
layui输入框只允许输入中文且判断长度的例子
Sep 18 #Javascript
Vue Components 数字键盘的实现
Sep 18 #Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 #Javascript
layui富文本编辑器前端无法取值的解决方法
Sep 18 #Javascript
使用layui 的layedit定义自己的toolbar方法
Sep 18 #Javascript
Typescript的三种运行方式(小结)
Sep 18 #Javascript
You might like
PHP 实现多服务器共享 SESSION 数据
2009/08/15 PHP
由php的call_user_func传reference引发的思考
2010/07/23 PHP
zf框架的数据库追踪器使用示例
2014/03/13 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
使用php完成常见的文件上传功能(推荐)
2017/01/13 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
用js遍历 table的脚本
2008/07/23 Javascript
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
js类定义函数时用prototype与不用的区别示例介绍
2014/06/10 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
React数据传递之组件内部通信的方法
2017/12/31 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
解决layui laydate 时间控件一闪而过的问题
2019/09/28 Javascript
使用kbone解决Vue项目同时支持小程序问题
2019/11/08 Javascript
javascript读取本地文件和目录方法详解
2020/08/06 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
Python多线程学习资料
2012/12/19 Python
Python中请使用isinstance()判断变量类型
2014/08/25 Python
决策树的python实现方法
2014/11/18 Python
Python守护进程(daemon)代码实例
2015/03/06 Python
python生成器表达式和列表解析
2016/03/10 Python
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
深入理解Django中内置的用户认证
2017/10/06 Python
django小技巧之html模板中调用对象属性或对象的方法
2018/11/30 Python
对Python使用mfcc的两种方式详解
2019/01/09 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
Python日志:自定义输出字段 json格式输出方式
2020/04/27 Python
宝拉珍选官方旗舰店:2%水杨酸精华液,收缩毛孔粗大和祛痘
2018/07/01 全球购物
Vilebrequin美国官方网上商店:法国豪华泳装品牌
2020/02/22 全球购物
决定成败的关键——创业计划书
2014/01/24 职场文书
三八节主持词
2014/03/17 职场文书
企业节能减排实施方案
2014/03/19 职场文书
浅谈MySQL user权限表
2021/06/18 MySQL
浅谈redis整数集为什么不能降级
2021/07/25 Redis