layui从数据库中获取复选框的值并默认选中方法
2018-09-21 21:27
如下：
<!doctype html> <html lang=en> <head> <meta charset=UTF-8> <title></title> <link rel=stylesheet type=text/css href=../../../static/js/css/layui.css rel=external nofollow media=all> <link rel=stylesheet type=text/css href=../../../static/css/index-gb.css rel=external nofollow media=all> <link rel=stylesheet href=角色名称 type=text name=name autocomplete=off placeholder=请输入角色名称 class=layui-input layui-input1> </div> </div> <div class=layui-form-item form-item1> <label class=layui-form-label form-label1>角色描述</label> <div class=layui-input-block input-block1> <textarea value=#(role.description) name=description id= cols=30 rows=10 class=layui-textarea textarea-me placeholder=请输入角色描述></textarea> </div> </div> <div class=layui-form-item form-item1> <label class=layui-form-label form-label1>菜单权限</label> <div class=layui-input-block input-block4> <input type=checkbox name=functional lay-skin=primary value=接待人员管理 title=接待人员管理> <input type=checkbox name=functional lay-skin=primary value=接待车辆管理 title=接待车辆管理> <input type=checkbox name=functional lay-skin=primary value=来访信息录入 title=来访信息录入> <input type=checkbox name=functional lay-skin=primary value=我的待办 title=我的待办> <input type=checkbox name=functional lay-skin=primary value=人员接待统计 title=人员接待统计> <input type=checkbox name=functional lay-skin=primary value=园区接待统计 title=园区接待统计> <input type=checkbox name=functional lay-skin=primary value=角色管理 title=角色管理> <input type=checkbox name=functional lay-skin=primary value=用户管理 title=用户管理> <input type=checkbox name=functional lay-skin=primary value=接待礼遇管理 title=接待礼遇管理> <input type=checkbox name=functional lay-skin=primary value=操作日志 title=操作日志> <input type=checkbox name=functional lay-skin=primary value=登录日志 title=登录日志> </div> </div> <div class=layui-form-item form-item-btn> <div class=layui-input-block layui-input-block5> <button class=layui-btn lay-submit lay-filter=form>提交</button> <button type=reset class=layui-btn layui-btn-primary id=reset>取消</button> </div> </div> </form> </div> </body> <script type=text/javascript src=../../../static/js/layui.all.js charset=utf-8></script> <script type=text/javascript src=../../../static/js/jquery-3.2.0.js charset=utf-8></script> <script type=text/javascript> /** * 将从数据库中获取到的菜单权限以，分隔开，并默认选中exOf(val)!=-1){ groupCheckbox[i].checked=true; } } form.render(); }); </script> </html> layui.use(form, function(){ var form = layui.form; //监听提交e form.on(submit(form), function(data){ //获取复选框选中的值 var groupCheckbox=$(input[name=functional]); var functional=; for(i=0;i<groupCheckbox.length;i++){ if(groupCheckbox[i].checked){ var val =groupCheckbox[i].value; if(functional.length>0){ functional+=,+val; }else{ functional+=val; } } } data.field.functional=functional; $.post(/role/editOk,data.field,function(res){ if(res.code==0){ layer.msg(res.data); }else{ layer.msg(res.data); } }) return false; }); }); </script>
以上这篇layui从数据库中获取复选框的值并默认选中方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。