layui怎样获取复选框的值以及如何为复选框赋值-创新互联

了解layui怎样获取复选框的值以及如何为复选框赋值？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

成都创新互联-专业网站定制、快速模板网站建设、高性价比松山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式松山网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖松山地区。费用合理售后完善，十多年实体公司更值得信赖。

获取复选框的值：

一、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怎样获取复选框的值以及如何为复选框赋值-创新互联
链接地址：https://www.cdcxhl.com/article36/coegsg.html

成都网站建设公司_创新互联，为您提供品牌网站制作、微信公众号、营销型网站建设、响应式网站、域名注册、品牌网站设计

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容