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 相关文章推荐
判断用户的在线状态 onbeforeunload事件
Mar 05 Javascript
jQuery选择器全集详解
Nov 24 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
Apr 30 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
Nov 07 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
Aug 31 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
AngularJs分页插件使用详解
Jun 30 Javascript
详解JavaScript中操作符和表达式
Sep 12 Javascript
vue 实现input表单元素的disabled示例
Oct 28 Javascript
vue实现匀速轮播效果
Jun 29 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
深入PHP5中的魔术方法详解
2013/06/17 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
php基于mcrypt_encrypt和mcrypt_decrypt实现字符串加密解密的方法
2016/07/12 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
基础的prototype.js常用函数及其用法
2007/03/10 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
2014/03/06 Javascript
js判断iframe内的网页是否滚动到底部触发事件
2014/03/18 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
JavaScript动态改变表格单元格内容的方法
2015/03/30 Javascript
JavaScript 事件绑定及深入
2015/04/13 Javascript
jquery中object对象循环遍历的方法
2015/12/18 Javascript
angularjs创建弹出框实现拖动效果
2020/08/25 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
2017/05/11 Javascript
react-native之ART绘图方法详解
2017/08/08 Javascript
js中this对象用法分析
2018/01/05 Javascript
Webpack 之 babel-loader文件预处理器详解
2018/03/23 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
JS尾递归的实现方法及代码优化技巧
2019/01/19 Javascript
JS函数进阶之prototy用法实例分析
2020/01/15 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
[00:44]2016完美“圣”典 风云人物:Mikasa宣传片
2016/12/07 DOTA
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
Python面向对象编程之继承与多态详解
2018/01/16 Python
Pycharm2017版本设置启动时默认自动打开项目的方法
2018/10/29 Python
如何使用pyinstaller打包32位的exe程序
2019/05/26 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
巴西购物网站:Onofre Agora
2020/06/08 全球购物
监理中标通知书
2015/04/16 职场文书
三严三实·严以律己心得体会
2016/01/13 职场文书
公司会议开幕词
2016/03/03 职场文书
python 实现体质指数BMI计算
2021/05/26 Python
pytorch 如何使用batch训练lstm网络
2021/05/28 Python
MongoDB数据库常用的10条操作命令
2021/06/18 MongoDB