layui checkbox 表单提交同名多值的获取

版本:layui-v2.4.5

说说最近在使用layui中遇到的一个坑,checkbox的表单是漂亮,样式也很丰富,可是有个问题,如果像以前一样用同名的checkbox去提交的话,居然只能传送其中一个选中值,不能像这前普通表单一样提交所有同名的被选中的值去组成数组,总不能让我每个checkbox都单独命名一个吧。在网上搜索了半天,都是仅在当前页面获取选中值状态的,没有和我一样的,只能自己写了,代码如下:

html代码

<input type="checkbox" name="prjtrsc" value="改善房" title="改善房" checked> 
<input type="checkbox" name="prjtrsc" value="品牌开发商" title="品牌开发商" checked>
<input type="checkbox" name="prjtrsc" value="刚需房" title="刚需房" >

提交代码

//监听提交
            form.on('submit(add)', function (data) {                
                var arr_check = []; //定义一个临时数据
                $("input:checkbox[name='prjtrsc']:checked").each(function() {
                    arr_check.push($(this).val());  //获取checkbox name=prjtrsc 的所有选中值
                });
                data.field.prjtrsc = arr_check.toString(); //替换到原表单中对应的data.field值
                //console.log(data.field);
                $.ajax({
                    url: 'xxxxx',
                    method: 'post',
                    data: data.field,
                    dataType: 'JSON',
                    success: function (res) {
                        if (res.errStat == 0) {
                            if(res.errMsg=='xxxx'){
                                layer.alert("修改成功",{icon:6},function(){
                                    xadmin.close();
                                    xadmin.father_reload();
                                });
                            }else{
                                layer.alert("增加成功", {
                                icon: 6
                                }, function () {
                                    location.reload();
                                });     
                            }
                            
                        } else {
                            layer.msg(res.errMsg, {icon: 5});
                        }

                    },
                    error: function (data) {
                        layer.msg('服务器繁忙', {icon: 5});
                    }
                });
                return false;
            });

通过查找所当前同名的checkbox的选中值,将他们放到一个数组里面,然后替换掉原表单中的单个checkbox的值,当然,如果表单中有多个不同name的checkbox那就需要单独的设置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值