Comment obtenir toutes les valeurs de l'élément de tableau en entrée jquery

Question

Voici mes éléments d'entrée 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="" />

Comment puis-je obtenir toutes les valeurs de pname array en utilisant Jquery

Answer 1

En utilisant la carte

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

Answer 2

Vous pouvez utiliser . Map () .

Passez chaque élément du jeu correspondant actuel via une fonction, produisant un nouvel objet jQuery contenant la valeur de retour.

Comme la valeur de retour est un objet jQuery, qui contient un tableau, il est très courant d'appeler .get() sur le résultat pour utiliser un tableau de base.

Utilisez

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

Answer 3

Utilisation:

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);
}
}

Voici Demo .