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

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

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复选框限制选择个数的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。