Jquery自动获取div中所有元素的值

Question

我有一个主div,里面有很多输入文字和单选按钮.像这样:

<div id="mainDiv">
   <input type="text" name="text-1" /> <br/>

   <input type="radio" name="radio-1" />Yes
   <input type="radio" name="radio-1" />No <br/>

   <input type="text" name="text-2" /> <br/>
   <input type="text" name="text-3" /> <br/>
</div>
<img src="img/img.gif" onclick="getAllValues();" />

我想在JQuery中定义函数"getAllValues()",它获取"mainDiv"中的所有值并将它们保存在字符串中.有可能的？

Answer 1

要实现此目的,您可以选择所有表单域并使用map()它们的值创建一个数组,可以根据它们检索它们type.试试这个:

function getAllValues() {
    var inputValues = $('#mainDiv :input').map(function() {
        var type = $(this).prop("type");

        // checked radios/checkboxes
        if ((type == "checkbox" || type == "radio") && this.checked) { 
           return $(this).val();
        }
        // all other fields, except buttons
        else if (type != "button" && type != "submit") {
            return $(this).val();
        }
    })
    return inputValues.join(',');
}

该if声明在这里可以连接在一起,但我把它们分开的清晰度.

Answer 2

尝试类似的东西:

function getAllValues() {
  var allVal = '';
  $("#mainDiv > input").each(function() {
    allVal += '&' + $(this).attr('name') + '=' + $(this).val();
  });
  alert(allVal);
}