获取复选框的值：
（学习视频分享：javascript视频教程）
一、layui获取单个复选框的值
=========================================html=============================================<div class="layui-form-item"> <div class="layui-col-md12"> <div> <label class="layui-form-label">类型</label> <div class="layui-input-block"> <input type="checkbox" name="allday" id="allday" lay-filter="test1" value="全天" title="全天"> <input type="checkbox" name="isend" id="isend" lay-filter="test1" value="结束时间" title="结束时间"> </div> </div> <span></span> </div></div>========================================js=============================================var alldaycheck = document.getelementbyid("allday").checked;var isendcheck = document.getelementbyid("isend").checked;
二、layui获取多个复选框的值，并集中传给后台
//html代码<form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">复选框</label> <div class="layui-input-block"> <input type="checkbox" name="like" value="1" title="写作"> <input type="checkbox" name="like" value="2" title="阅读" > <input type="checkbox" name="like" value="3" title="发呆"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formdemo">立即提交</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div></form> //js代码<script> layui.use('form', function(){ var form = layui.form; form.on('submit(formdemo)', function(data){ //获取checkbox[name='like']的值 var arr = new array(); $("input:checkbox[name='like']:checked").each(function(i){ arr[i] = $(this).val(); }); data.field.like = arr.join(",");//将数组合并成字符串 $.post("admin.php", {data:data.field}, function (res) { if (res.code == 1) { layer.msg(res.msg, {time: 1800, icon: 1}, function () { location.href = res.url; }); } else { layer.msg(res.msg, {time: 1800, icon: 2}); } }, 'json'); return false; }); });</script>
那么怎么给layui复选框赋值呢？
layui.use('form', function () { form = layui.form; $('#allday').prop("checked", true); //先进行基本赋值 form.render(); //这句必须（用来更新渲染页面）});
推荐教程：layui
以上就是layui如何获取复选框的值以及如何为复选框赋值的详细内容。