欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-03-27 09:29:40|栏目:JavaScript代码|点击:

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

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;
  }
});

上一篇:JavaScript实现Excel表格效果

栏    目:JavaScript代码

下一篇:利用图片的 onerror 事件载入默认图片

本文标题:layui复选框限制选择个数的方法

本文地址:http://www.codeinn.net/misctech/88891.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有