javascript - 从表单复选框的序列化数组创建值对

Question

我需要创建一个变量以在 ajax 数据属性中使用。输出需要如下所示:

data: { brand: 1, brand: 4 }

我有几个复选框，具体取决于用户单击的内容，我希望更改列表。目前我有这个:

$('body').on('change','form[name=checkboxes] input',function(){

var result = [];
$.each( $('form[name=checkboxes]').serializeArray(), function() {
    result.push({
        name: this.name,
        value: this.value
    });
});

console.log(result);

$.ajax({
    type: "POST",
    url: "/echo/html/",
    data: { brand: 1, brand: 4 }
}).done(function( data ) {

});

});

但是结果输出对象。

有人有什么建议吗？我走在正确的道路上吗？

我创建了一个 JS fiddle 来帮助 http://jsfiddle.net/samstimpson/hzy9jxve/

编辑

我的目标是动态构建这个“数据:{品牌:1，品牌:4}”。如果用户单击了一堆复选框，我最终想要将一个列表传递给 ajax 数据值。我上面所做的可能不正确，我正在寻找一种方法来做到这一点。

Answer 1

您需要的 json 不合法，因为品牌字段重复了两次(??)

我在 jsFiddle 中为您创建了一个修复程序:http://jsfiddle.net/ymzrocks/hzy9jxve/1/

var result = {}, i = 1;
$.each( $('form[name=checkboxes]').serializeArray(), function() 
{
    result[this.name + i] =  this.value ; i++;
});

它基本上将品牌字段转变为品牌1、品牌2，...等

我真的认为你应该使用数组或改写你的问题