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 25 Javascript
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
Javascript玩转继承(一)
May 08 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
vue使用swiper.js重叠轮播组建样式
Nov 14 Javascript
VueJS实现用户管理系统
May 29 Javascript
js基于canvas实现时钟组件
Feb 07 Javascript
JavaScript中的LHS和RHS分析详情
Apr 06 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 adodb操作mysql数据库
2009/03/19 PHP
php中通过curl smtp发送邮件
2012/06/05 PHP
php根据生日计算年龄的方法
2015/07/13 PHP
jqgrid 表格数据导出实例
2013/11/21 Javascript
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
如何在MVC应用程序中使用Jquery
2014/11/17 Javascript
纯javascript实现自动发送邮件
2015/10/21 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
nodejs+mongodb aggregate级联查询操作示例
2018/03/17 NodeJs
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
vue滚动插件better-scroll使用详解
2019/10/18 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
[43:51]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS Secret
2018/03/31 DOTA
python BeautifulSoup设置页面编码的方法
2015/04/03 Python
python记录程序运行时间的三种方法
2017/07/14 Python
Python 内置函数memoryview(obj)的具体用法
2017/11/23 Python
Python通过matplotlib绘制动画简单实例
2017/12/13 Python
python模糊图片过滤的方法
2018/12/14 Python
python制作抖音代码舞
2019/04/07 Python
pytorch 常用线性函数详解
2020/01/15 Python
jupyter notebook实现显示行号
2020/04/13 Python
Python 利用flask搭建一个共享服务器的步骤
2020/12/05 Python
6种非常炫酷的CSS3按钮边框动画特效
2016/03/16 HTML / CSS
详解使用HTML5的classList属性操作CSS类
2017/10/13 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
新西兰演唱会和体育门票网站:Ticketmaster新西兰
2017/10/07 全球购物
泰国排名第一的家居用品中心:HomePro
2020/11/18 全球购物
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
高职教师岗位职责
2013/12/24 职场文书
《雪地里的小画家》教学反思
2014/02/22 职场文书
教师党的群众路线教育实践活动剖析材料
2014/10/09 职场文书