获取div中的所有输入以进行ajax请求

Question

我正在尝试获取所有输入文本框、单选按钮组、复选框等。我在获取选定的单选按钮和复选框值时遇到问题，我无法弄清楚。

我可以获得文本框，但似乎无法在正确的位置获得“选定”。目前它只是获取单选/复选框的第一个值而不是选定的值。

$('#form_1 input').each(function(key)               
    formData += '&'+$('#'+this.id).attr('name')+'='+$('#'+this.id).val();   
});

谢谢

已编辑

$('#form_1 input').each(function(key, value) {              
    if ((this.type === "radio" || this.type === "checkbox") && this.checked === true) {
         val = this.value;
    } else {
         val = this.value;
    }

    alert($('#'+this.id).attr('name') + ' = ' + val);
    formData += '&'+$('#'+this.id).attr('name')+'='+val;    
});

好的，现在我得到了收音机等的所有价值，所以我又近了一步。现在只需要获取所选无线电的值即可。

谢谢

Answer 1

只需使用 serialize()^[docs] 方法。

它将负责为您获取所选元素的值。

var formData = $('#form_1').serialize();

来自文档：

.serialize() 方法可以作用于已选择单个表单元素（例如 、 和 ）的 jQuery 对象。但是，选择标签本身进行序列化通常更容易：

$('form').submit(function() {
  警报（$（这个）。序列化（））；
  返回假；
});

这会生成一个标准的查询字符串：

a=1&b=2&c=3&d=4&e=5

Answer 2

var val;
if (this.type === "radio" || this.type === "checkbox") {
     val = this.checked;
} else {
     val = this.value;
}

对于单选按钮和复选框，您关心的是选中的属性。

更新

您编写了

(this.type === "radio" || (this.type === "checkbox" && this.checked === true))

你的意思是

((this.type === "radio" || this.type === "checkbox") && this.checked === true)

你需要这些括号在正确的地方。

进一步编辑

逻辑有点混乱。

基本上就是你想要的。

if ((this.type === "radio" || this.type === "checkbox") && this.checked === false) {
    return;
}

这意味着如果它是一个未选中的单选/复选框，则您什么也不做。

Answer 3

这并没有直接回答您的问题，但看起来您正在尝试实现已经可用的东西 - 您可能想查看 serialize() - 将其用作 var formData = $('#form_1').serialize()