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

【问题标题】：How can I create a JSON object by getting checkboxes names and values?如何通过获取复选框名称和值来创建 JSON 对象？
【发布时间】：2015-07-02 07:40:31
【问题描述】：

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

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

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

我的数组在控制台中如下所示：

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

这是我的jsfiddle（查看浏览器控制台中的输出）

非常感谢任何帮助。

【问题讨论】：

我投票决定将此问题作为题外话结束，因为 SO 不是代码编写服务。
@MarcoBonelli，为什么要投票结束？我想知道如何创建我需要的对象。我没有找到关于如何做到这一点的好资源。
您应该尝试解决问题，然后寻求帮助，显示您设法编写的代码；这种问题是题外话。
好吧，我确实用我的代码展示了 jsfiddle。无论如何。
不要让我们去其他地方寻找你的代码，把它放在自己的问题中。 jsfiddle 总是在代码顶部 的好主意。或者更好的是仍然使用 StackOverflow 的 CodeSnippet 功能（编辑器中的 [] 按钮），它将为我们提供代码和工作示例。

标签： javascript jquery query-string querystringparameter

【解决方案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 Fiddle

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

【讨论】：