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 相关文章推荐
onpropertypchange
Jul 01 Javascript
js 数值转换为3位逗号分隔的示例代码
Feb 19 Javascript
thinkphp中常用的系统常量和系统变量
Mar 05 Javascript
javascript弹出页面回传值的方法
Jan 28 Javascript
JS实现队列与堆栈的方法
Apr 21 Javascript
[js高手之路]单例模式实现模态框的示例
Sep 01 Javascript
VueJs组件prop验证简单介绍
Sep 12 Javascript
Vue2.X 通过AJAX动态更新数据
Jul 17 Javascript
Nautil 中使用双向数据绑定的实现
Oct 02 Javascript
浅析微信小程序modal弹窗关闭默认会执行cancel问题
Oct 14 Javascript
Vue.js数字输入框组件使用方法详解
Oct 19 Javascript
vuex中store存储store.commit和store.dispatch的用法
Jul 24 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中的curl使用入门教程和常见用法实例
2014/04/10 PHP
PHP中ini_set与ini_get用法实例
2014/11/04 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
关于php 高并发解决的一点思路
2017/04/16 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
JavaScript 格式字符串的应用
2010/03/29 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
javascript实现跳转菜单的具体方法
2013/07/05 Javascript
jQuery中:only-child选择器用法实例
2015/01/03 Javascript
JS动态日期时间的获取方法
2015/09/28 Javascript
js实现的星星评分功能函数
2015/12/09 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
Nuxt.js踩坑总结分享
2018/01/18 Javascript
element-ui表格合并span-method的实现方法
2019/05/21 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
Python读取图片EXIF信息类库介绍和使用实例
2014/07/10 Python
pandas的连接函数concat()函数的具体使用方法
2019/07/09 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
HTML5 中新的全局属性(整理)
2013/07/31 HTML / CSS
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
Marks & Spencer爱尔兰:英国马莎百货
2016/04/20 全球购物
手机配件第一品牌:ZAGG
2017/05/28 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
期中考试后的反思
2014/02/08 职场文书
群众路线教师自我剖析材料
2014/09/29 职场文书
个人工作表现自我评价
2015/03/06 职场文书
OpenCV实现普通阈值
2021/11/17 Java/Android