layui怎样获取复选框的值以及如何为复选框赋值？Layui 给我们提供了非常便利的方法： form.val()，但是，这个方法是有一定局限的，例如在使用这个方法给 checkbox 赋初值时就没有成功，这个问题可能是我们日常学习或工作经常见到的，下面是蚂蚁学院小编给大家带来的参考内容，让我们一起来学习吧！
以下是HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>蚂蚁学院 Layui checkbox 的初始化赋值与取值</title>
<link rel="stylesheet" href="layui/css/layui.css">
<style type="text/css">
.title{text-align: center; font-size: 20px; padding-bottom: 28px;}
.layui-container{width: 500px; margin: 0px auto; margin-top: 212px;}
.submit-btn{text-align: center;}
.submit-text{line-height: 36px; height: 36px; margin-bottom: 28px; text-align: center; color: #ff0000;}
</style>
</head>
<body>
<div class="layui-container">
<form class="layui-form" action="">
<div class="title">蚂蚁学院 mayixueyuan.com<br />Layui checkbox 的初始化赋值与取值</div>
<div class="layui-form-item" pane="">
<label class="layui-form-label">复选框赋值</label>
<div class="layui-input-block checkbox_list">
<input type="checkbox" name="categories[]" value="1" title="源码" >
<input type="checkbox" name="categories[]" value="2" title="教程">
<input type="checkbox" name="categories[]" value="3" title="素材">
<input type="checkbox" name="categories[]" value="4" title="工具">
</div>
</div>
<div class="submit-text"></div>
<div class="submit-btn"><button type="submit" class="layui-btn" lay-submit="" lay-filter="submitForm">立即提交</button></div>
</form>
</div>
</body>
</html>视频效果展示，点击播放按钮查看：
更多内容请下载学习查看。
30蚂蚁积分下载
或
2蚂蚁币下载俗话说，人生不如意事十之八九，但乐观的人总能发现那十之一二的美好：傍晚恰好看到了很美的晚霞、今天的方案得到了客户的肯定、学会做一道新的菜、喜欢了很久的人点赞了自己的朋友圈……我们是怎样的人，就会看见怎样的世界。相信美好，我们才会遇见美好；相信美好，我们才能成为美好。
1
本文标签：
