Obtener todos los elementos de un mismo tipo en un formulario en jQuery

A veces necesitamos modificar todos los campos de un formulario, ya sea para ponerle a todos el mismo valor o ya sea para otros menesteres.

En el primer ejemplo, os muestro como tocando un botón asignamos a todos los input de tipo texto un valor concreto.

HTML:

<form name="form1" id="form1" method="POST" action="">
    <button class="boton_que_clickamos">Poner todos los inputs de tipo texto con valor 10</button>
    <input type="text" name="texto1" id="texto1">
    <input type="text" name="texto2" id="texto2">
    <input type="text" name="texto3" id="texto3">
    <input type="text" name="texto4" id="texto4">
    <input type="text" name="texto5" id="texto5">
</form>

<button class="boton_que_clickamos">Poner todos los inputs de tipo texto con valor 10</button>

</form>

jQuery:

$(document).on('click', '.boton_que_clickamos', function(){
    var valorQueQueremosPoner = '10';
    var formularioEnElQueNosEncontramos = $(this).parents('form:first');
    $("input[type=text]", formularioEnElQueNosEncontramos).each(function(){
            $(this).val(valorQueQueremosPoner);
    });
});

$(document).on('click', '.boton_que_clickamos', function(){

var valorQueQueremosPoner = '10';

var formularioEnElQueNosEncontramos = $(this).parents('form:first');

$("input[type=text]", formularioEnElQueNosEncontramos).each(function(){

$(this).val(valorQueQueremosPoner);

});

Así de esta forma solo actuaríamos con los inputs del tipo texto que estarían dentro del mismo formulario donde tenemos el botón, si en la página hubieran más formularios con inputs del tipo texto, no se verían afectados.

Espero os haya servido y recordad:

No olvidéis de comentar, vuestro código y en el blog 😉

Obtener todos los elementos de un mismo tipo en un formulario en jQuery

Deja una respuesta Cancelar la respuesta