如何设置layui复选框最多只能选择几个选项？

本文共计210个文字，预计阅读时间需要1分钟。

复选框限制选择数量方法+HTML+div+class=layui-form-item+label+class=layui-form-labelxxx/label+div+class=layui-input-block+input+class=education+lay-filter=hope+type=checkbox+name=param[hope_employ][]+value=yy+title=复选框限制选择数量

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

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