[SOLUCIONADO] Acceder a array de formulario especifico

[webtexcoco]

Hola buenas ojalá puedan orientarme un poco

Tengo una pagina con varios formularios que se generan desde PHP, lo que necesito es manipular un input (que es un array) del formulario seleccionado

Código HTML:

<input type="text" name="nombre[]" value="fulanito" disabled>
 

Para acceder al array del formulario uso

Código Javascript:

document.forms['miFormulario']['nombre[]']
 

Todo bien hasta aqui.

Se complica el asunto cuando el formulario seleccionado tiene un solo input nombre, solo en este caso no puedo acceder a ese input

mi codigo completo es este

Código Javascript:

function edita_form(a){
 
 var form = document.forms[a]['nombre[]'];
 var c = form.length;
 
 for(var a = 0; a < c; a++){
  form[a].removeAttribute('disabled');
 }
}
 

Mis formularios

Código HTML:

<form action="" name="primerForm">
        <input type="text" name="nombre[]" value="Perenganito" disabled>
        <input type="text" name="nombre[]" value="Fulanito" disabled>
        <input type="button" value="Edita campos" onclick="edita_form('primerForm')">
    </form>
    <hr>
    <form action="" name="segundoForm">
        <input type="text" name="nombre[]" value="Sutanito" disabled>
        <input type="text" name="nombre[]" value="Fulanito" disabled>
        <input type="text" name="nombre[]" value="Perengano" disabled>
        <input type="button" value="Edita campos" onclick="edita_form('segundoForm')">
    </form>
    <hr>
    <form action="" name="tresForm">
        <input type="text" name="nombre[]" value="Juan" disabled>
        <input type="button" value="Edita campos" onclick="edita_form('tresForm')">
    </form><!-- Es en este último form que no me habilita el input nombre -->
    <hr>
 

ojala me haya explicado, no se me ocurre que estoy haciendo mal porque estoy muy verde javascript

Gracias por tu ayuda!

[Alexis88]

Si buscas a todos los <input type="text"> del formulario al cual pertenece el botón pulsado y luego procedes a recorrer al conjunto resultante para habilitar/inhabilitar a los elementos encontrados, no importará si hay uno o diez mil.

Código Javascript:

function edita_form(a){
    var form = document.querySelector("form[name=" + a + "]"),
        inputs = form.querySelectorAll("input[type=text]");
 
    [].forEach.call(inputs, function(input){
        input.disabled = !input.disabled;
    });
}
 

La línea en donde aparece la línea [].forEach.call representa a una instancia del método Array.prototype.forEach que itera sobre el conjunto de elementos indicado. Los métodos .querySelector() y .querySelectorAll() son métodos selectores avanzados para seleccionar elementos del DOM los cuales, además, permiten utilizar selectores CSS.

[webtexcoco]

Iniciado por Alexis88

Si buscas a todos los <input type="text"> del formulario al cual pertenece el botón pulsado y luego procedes a recorrer al conjunto resultante para habilitar/inhabilitar a los elementos encontrados, no importará si hay uno o diez mil.

Código Javascript:

function edita_form(a){
    var form = document.querySelector("form[name=" + a + "]"),
        inputs = form.querySelectorAll("input[type=text]");
 
    [].forEach.call(inputs, function(input){
        input.disabled = !input.disabled;
    });
}
 

La línea en donde aparece la línea [].forEach.call representa a una instancia del método [URL="https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/forEach"][inline]Array.prototype.forEach[/inline][/URL] que itera sobre el conjunto de elementos indicado. Los métodos [URL="https://developer.mozilla.org/es/docs/Web/API/Document/querySelector"][inline].querySelector()[/inline][/URL] y [URL="https://developer.mozilla.org/es/docs/Web/API/Document/querySelectorAll"][inline].querySelectorAll()[/inline][/URL] son métodos selectores avanzados para seleccionar elementos del DOM los cuales, además, permiten utilizar selectores CSS.

wow muchas gracias por la ayuda! y gracias por la explicación. Sin duda mucho que aprender.

Funciono de maravilla!