web-dev-qa-db-ja.com

入力配列要素jqueryのすべての値を取得する方法

ここに私のHTML入力要素があります

<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />

Jqueryを使用してpname配列のすべての値を取得するにはどうすればよいですか

javascriptjqueryhtmlfrontend
32
user3707303

マップを使用して

var values = $("input[name='pname[]']")
              .map(function(){return $(this).val();}).get();
73
Lead Developer

。map（） を使用できます。

現在の一致するセットの各要素を関数に渡し、戻り値を含む新しいjQueryオブジェクトを生成します。

戻り値は配列を含むjQueryオブジェクトであるため、結果に対して.get()を呼び出して基本配列を操作することは非常に一般的です。

使用

var arr = $('input[name="pname[]"]').map(function () {
    return this.value; // $(this).val()
}).get();
16
Satpal

つかいます：

function getvalues(){
var inps = document.getElementsByName('pname[]');
for (var i = 0; i <inps.length; i++) {
var inp=inps[i];
    alert("pname["+i+"].value="+inp.value);
}
}

Demo です。

7
Vedant Terkar