javascript - JQuery - 如何循环遍历所有表单输入？

Question

这个问题已经有答案了:

How an I get all form elements (input, textarea & select) with jQuery? (15 个回答)

已关闭 6 年前。

我想通过 JQuery 将表单中所有输入的值获取到一个数组中，该数组将通过 AJAX 通过 GET 发送。

我尝试了以下方法，但没有成功:

function gatherFormData(){
    $('#formId input, #formId select').each(
    function(index){
        var result = [];
        for(var i =0; i < $(this).length; i++){
        document.write(input.attr('name') + "-" + input.attr('name') + "<br />");
        result.push(input.attr('name'));
        result.push(input.val());
        }
    return result;
    }
    );
}

如何获取所有这些值？

Answer 1

尝试以下方法:

var jsonObj = [];
$(":input").each(function(){
 var key = $(this).attr('name');
 var val = $(this).val();
 item = {}
 item [key] = val;

 jsonObj.push(item);
});

console.log(jsonObj);
// Now pass it like jsonObj[0], jsonObj[1]......

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" name="name" id="txtName" value="John" />
  <input type="text" name="email" id="txtEmail" value="john@gmail.com" />
  <div>
    <input type="checkbox" name="active" id="chkIsActive" checked />
  </div>
  <input type="submit" value="qweqsac" />
</form>