如何从jQuery中的表单中获取所有输入字段?

时间:2012-10-12 10:31:47

标签: javascript jquery

  

可能重复:
  Obtain form input fields using jQuery?

我的表单包含许多输入字段

array中获取该表单的所有输入字段的最简单方法是什么?

Key:Value对中的对象

4 个答案:

答案 0 :(得分:4)

使用serializeArray() jQuery函数:

var fields = $('#formID').serializeArray();

要获取数据的关联数组(带有名称/值映射的JSON对象),请查看此处的代码:https://stackoverflow.com/a/1186309/349012

答案 1 :(得分:2)

所有输入的对象: -

$("form#formId :input").each(function(){
    var input = $(this); // A jquery object of the input
});

$('#formId').submit(function() {
    // get the array of all the inputs 
    var $inputs = $('#formId :input');

    // get an associative array of the values
    var values = {};
    $inputs.each(function() {
        values[this.name] = $(this).val();
    });
});

这个返回Key:Value对 -

var values = {};
$.each($('#formId').serializeArray(), function(i, field) {
    values[field.name] = field.value;
});

答案 2 :(得分:1)

这很简单:

$('input','#formId')

$('#formId').find('input');

答案 3 :(得分:-1)

使用:var allInputs = $(":input");