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中,a=10.0 b=10.0 a is b 为什么输出是false
    Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
    二十三种设计模式及其python实现
    python字符串替换的2种方法
    数据库索引的实现原理?
    异步IO数据库队列缓存RabbitMQ队列
    Python 如何用列表实现栈和队列?
    Python数据结构与算法?
    django -----原生SQL语句查询与前端数据传递?
  • 原文地址:https://www.cnblogs.com/wybshyy/p/13783638.html
Copyright © 2011-2022 走看看