layui如何获取复选框的值

DurkBlue3个月前 ( 02-29 )67抢沙发
layui如何获取复选框的值摘要: //HTML代码<form class="layui-form">    <div&...
//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>


此篇文章由DurkBlue发布,转载请注明来处

分享到:
0
赞(0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论取消回复

快捷回复:

评论列表 (暂无评论,67人围观)参与讨论