Question

<div id="test">
    <input type="text" value="10" size="3">
    <input type="text" value="0" size="3">
    <input type="text" value="25" size="3">
    <input type="text" value="0" size="3">
</div>

我想要一个函数来获取输入的所有值。我正在尝试这个：

var inputs = $("test :input");

但我不知道如何去那里，或者即使它是正确的。

谢谢

Answer 1

你可以这样做：

var inputs = new Array();
inputs = $('#test :text').map(function(){
  return this.value;
}).get(0);

或者：

var inputs = new Array();
inputs = $('#test :text').each(function(){
  inputs.push(this.value);
});

您可以像这样访问每个值：

alert(inputs[0]);
alert(inputs[1]);
alert(inputs[2]);
// and so on

:text指的是text类型的输入。

Answer 2

$("#test :input").each(function(){
  var value = $(this).attr("value"); //Save value in an array or something
});

Answer 3

你的意思是这样吗？

var values = [];
$('input').each(function(index, element){
  values.push($(element).val());
});

Answer 4

非jQuery版本：

var values = [];
var inputs = document.getElementById("test").getElementsByTagName("input");
for (var i = 0, len = inputs.length; i < len; ++i) {
    values.push(inputs[i].value);
}

可以获取div中所有<input /> s的所有值吗？

4 个答案: