即使只选中一个，jQuery也会返回所有选中的复选框

Question

据此JSFIDDLE --

在过去的 48 小时里，我一直在疯狂地试图弄清楚这一点。除复选框外，一切正常。我在其中包含了导致问题的代码的隔离 sn-p。

在我创建了框（按下复选框按钮）并完成表单后，我成功地看到了code 并且能够将复选框序列化为 JSON - 但是，我最终得到了所有复选框的“开启”，即使如果只检查其中一个。

当我只选中一个（第一个框）和其他未选中的框，然后单击“保存”时，结果如下：

{"ck1":"on","ck2":"on","ck3":"on","submit1":"save"}

是什么导致结果失败？我在这段代码中做错了吗？

我们将不胜感激在确定问题方面提供帮助。
我的目标是在我第一次选中复选框时以这种格式查看 JSON：

{"ck1":"on","submit1":"save"} 或您建议的任何格式。

已编辑：

在我指定的函数下方找到提交事件：

 $('#form'+formnum).submit( function(e) {
e.preventDefault(e);
var data = {};

//Gathering the Data
$.each(this.elements, function(i, v){
        var input = $(v);
        data[input.attr("id")] = input.val();
 //delete data[button.attr("id")]; <-- cant' figure it out
//removeData[submit] <-- cant' figure it out
}); // end of $.each

var output =JSON.stringify(data);
$('#showurl').text(output);
}); //end of 'save' button function

JSFIDDLE：jsfiddle。

Answer 1

您从复选框中获取值，无论复选框的状态如何，该值始终相同。

检查元素的类型以获取复选框的状态：

if (input.is(':checkbox')) {
  if (input.is(':checked')) {
    data[input.attr("id")] = input.val();
  }
} else {
  data[input.attr("id")] = input.val();
}

如果您只想要复选框中的数据，您可以从一开始就过滤掉选中的复选框：

$(':checked', this).each(function(i, v){ data[v.id] = v.value; });

Answer 2

您任意分配所有输入的值，实际上并没有检查checked 状态。

添加条件行：

data[input.attr("id")] = input.val();

类似：

if (/* (input is a checkbox and checkbox is checked) or input is not a checkbox*/) {
        data[input.attr("id")] = input.val();
}

单选按钮也需要例外。