zoukankan      html  css  js  c++  java
  • layui批量获取复选框的值

    此文章为批量获取。

    单个获取示例在https://blog.csdn.net/wybshyy/article/details/106743910

    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" lay-skin="primary" 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>
  • 相关阅读:
    python全栈开发_day41_数据库5
    python全栈开发_day40_数据库4
    python全栈开发_day39_数据库3
    python全栈开发_day38_数据库2
    python全栈开发_day37_数据库1
    python全栈开发_day36_高并发,协程
    python全栈开发_day35_锁,进程池,线程池
    python全栈开发_day34_线程了解知识点
    python全栈开发_day33_关于进程的了解知识
    python全栈开发_day32_粘包分析,socketserver和多道技术
  • 原文地址:https://www.cnblogs.com/wybshyy/p/13783638.html
Copyright © 2011-2022 走看看