如下：
<!doctype html>
<html lang="en">
<head>
< charset="UTF-8">
< ></ >
< rel="stylesheet" type="text/css"
href="../../../static/js/css/layui.css" rel="external nofollow" media="all">
< rel="stylesheet" type="text/css"
href="../../../static/css/index-gb.css" rel="external nofollow" media="all">
< rel="stylesheet"
href="http://at.alicdn.com/t/font_563459_gq4dpdw2k61xajor.css" rel="external nofollow" />
<style>
#node input[type=checkbox] {
display: inline;
}
</style>
</head>
<body>
<div class="div-con">
<form class="layui-form layui-form1">
<input type="hidden" name="roleid" id="id" value="#(role.roleid ??)">
<div class="layui-form-item form-item1">
<label class="layui-form-label form-label1">角色名称</label>
<div class="layui-input-block input-block1">
<input value="#(role.name)" 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.de ion)" name="de ion" 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="接待人员管理" ="接待人员管理"> <input type="checkbox"
name="functional" lay-skin="primary" value="接待车辆管理" ="接待车辆管理">
<input type="checkbox" name="functional" lay-skin="primary"
value="来访信息录入" ="来访信息录入"> <input type="checkbox"
name="functional" lay-skin="primary" value="我的待办" ="我的待办">
<input type="checkbox" name="functional" lay-skin="primary"
value="人员接待统计" ="人员接待统计"> <input type="checkbox"
name="functional" lay-skin="primary" value="园区接待统计" ="园区接待统计">
<input type="checkbox" name="functional" lay-skin="primary"
value="角色管理" ="角色管理"> <input type="checkbox"
name="functional" lay-skin="primary" value="用户管理" ="用户管理">
<input type="checkbox" name="functional" lay-skin="primary"
value="接待礼遇管理" ="接待礼遇管理"> <input type="checkbox"
name="functional" lay-skin="primary" value="操作日志" ="操作日志">
<input type="checkbox" name="functional" lay-skin="primary"
value="登录日志" ="登录日志">
</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>
< type="text/ " src="../../../static/js/layui.all.js"
charset="utf-8"></ >
< type="text/ " src="../../../static/js/jquery-3.2.0.js"
charset="utf-8"></ >
< type="text/ ">
/**
* 将从数据库中获取到的菜单权限以，分隔开，并默认选中
*/
layui.use('form', function() {
var form = layui.form;
var functional='#(role.functional)';
var groupCheckbox = $("input[name='functional']");
for (i = 0; i < groupCheckbox.length; i++) {
var val =groupCheckbox[i].value;
if(functional.split(',').indexOf(val)!=-1){
groupCheckbox[i].checked=true;
}
}
form.render();
});
</ >
</html>
layui.use('form', function(){
var form = layui.form;
//监听提交
layui.code
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"){
.msg(res.data);
}else{
.msg(res.data);
}
})
return false;
});
});
</ >
以上这篇layui从数据库中获取复选框的值并默认选中方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
下一篇 :
天猫美家吉家：新零售转型始于工具，成于组织变革
-
阿里董事局主席张勇：大数据和算力就是数字经济时代的石油和发动机
2026-05-18栏目： 教程
-
阿里云服务器（Ubuntu）--查看固定程序的进程
2026-05-18栏目： 教程
-
微服务消息队列(MQTT For IoT)Android Demo使用介绍
2026-05-18栏目： 教程
-
禁用 WebDAV 禁用危险的 HTTP 方法
2026-05-18栏目： 教程
-
第二届达摩院青橙奖名单揭晓，每人奖励100万！最小获奖者仅28岁
2026-05-18栏目： 教程