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:
1 2 3 4 5 6 7 8 | <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> |
jQuery:
1 2 3 4 5 6 7 | $(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 😉