javascript - 如何通过获取复选框名称和值来创建 JSON 对象？

Question

我正在构建一个脚本来根据用户选择的复选框更新 url。我发现了一个有趣的脚本来处理更新，但我需要构造一个像这样的对象：

Object {foo: "bar", spam: "eggs", tracker: "yes"}

我已经获得了复选框值并将它们推送到一个数组中，但是我不知道如何构建一个类似于上面的对象

我的数组在控制台中看起来像这样：

["brand:Brand3", "brand:Brand5", "size:Size1"]

这是我的jsfiddle（请参阅浏览器控制台中的输出）

任何帮助是极大的赞赏。

Answer 1

单程：

$('input[type="checkbox"]').on('change', function () {
    var url = document.URL;
    var addition = {};
    $('input').each(function(){
      addition[$(this).prop('name')] = $(this).val();
    });
    console.log(JSON.stringify(addition));
})

Js小提琴

您可能需要更改选择器，具体取决于页面上是否有更多输入。