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

<div class="layui-form-item">
  <div class="layui-inline">
    <input class="layui-input" type="checkbox" lay-skin="primary" lay-filter="pro" name="problem" value="1" title="问题1">
    <input class="layui-input" type="checkbox" lay-skin="primary" lay-filter="pro" name="problem" value="2" title="问题2">
    <input class="layui-input" type="checkbox" lay-skin="primary" lay-filter="pro" name="problem" value="3" title="问题3">
    <input class="layui-input" type="checkbox" lay-skin="primary" lay-filter="pro" name="problem" value="4" title="问题4">
    <input class="layui-input" type="checkbox" lay-skin="primary" lay-filter="pro" name="problem" value="5" title="问题5">
  </div>
</div>

//监听复选框,只能选择3个
form.on('checkbox(pro)',function(obj){  
  var len=$("input[name="problem"]:checked").length;
  if(len>3){
    $(obj.elem).next().attr("class","layui-unselect layui-form-checkbox");
    $(obj.elem).prop("checked",false);
    layer.msg('最多只能选3项!',{icon:5});
    return false;
  }
});

参考:

https://www.jb51.net/article/170296.htmicon-default.png?t=M0H8https://www.jb51.net/article/170296.htm

猜你喜欢

转载自blog.csdn.net/Start2019/article/details/122926989