相思资源网 Design By www.200059.com
如下：
<!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="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.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="/UploadFiles/2021-04-02/layui.all.js">
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"){
layer.msg(res.data);
}else{
layer.msg(res.data);
}
})
return false;
});
});
</script>
以上这篇layui从数据库中获取复选框的值并默认选中方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
标签：
layui,复选框,默认选中
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无layui从数据库中获取复选框的值并默认选中方法的评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。