java - 使用 jquery 从表单中检索数据

Question

我正在尝试从表单中获取信息并将其传递给 mysql。这是我的方法:

var form = [];

$("input").each(function(){
var id = $(this).attr("name");
var value = $(this).val();
alert(id);

var item = {};
item ["name"] = id;
item ["value"] = value;

form.push(item);        
});

return JSON.stringify(form);

问题是当我尝试从单选按钮获取选中和未选中的值时。我想要传递给 mysql 的查询字符串输出如下:

插入contatos(nome、rua、sexo、sexo、ncasa、civil、civil、civil、bairro、aniversario、cidade、rg、cpf、usuario、telefone、senha、email、confirmasenha)值('' , '', 'M', 'F', '', 'S', 'C', 'D', '', '', '', '', '', '', '', '' , '', '')

字段“sexo”和“civil”重复。如何使输入仅读取单选按钮 1 次？

Answer 1

这是因为你正在迭代每个文本字段，如果你有 3 个单选按钮，你会将所有 3 个值推送到数组，所以我采用了 2 个单选字段 sexo 和 Civil 外部循环，所以它只会被推送 1 次，而不是重复。

$("input").each(function(){



if(id!='sexo' || id!='civil'){

     var id = $(this).attr("name");
     var value = $(this).val();

     var item = {};
    item ["name"] = id;
    item ["value"] = value;

    form.push(item);

}


});

 var value1 =$('input:radio[name=sexo]:checked').val();
 var value2 =$('input:radio[name=civil]:checked').val();

    var item = {};
    item ["name"] = "sexo";
    item ["value"] = value1;

    form.push(item);

    var item = {};
    item ["name"] = "civil";
    item ["value"] = value2;

    form.push(item);


return JSON.stringify(form);