[SOLUCIONADO] Repetir linea en js

[julia2021]

Hola mis amigos, no sé como repetir la misma linea y solo cambiarle el nombre sin necesidad de escribir tanto, es decir, no sé como aplicar un for en JS :(

Mi archivo funciones.js es así:

Código Javascript:

function activar_edicion_contrato() {
  document.getElementById("boton_guardar").style.display    = 'inline';
  document.getElementById("boton_eliminar").style.display   = 'inline';
 
  document.getElementById("service_1").disabled           = false;
  document.getElementById("service_2").disabled           = false;
  document.getElementById("service_3").disabled           = false;
  document.getElementById("service_4").disabled           = false;
  document.getElementById("service_5").disabled           = false;
  document.getElementById("service_6").disabled           = false;
  document.getElementById("service_7").disabled           = false;
  document.getElementById("service_8").disabled           = false;
  document.getElementById("service_9").disabled           = false;
  document.getElementById("service_10").disabled           = false;
}
 

Ahora imagínense que tengo 50 campos llamados service_n. Cómo hago para no escribir tantas veces lamisma línea ?

[ArturoGallegos]

en lugar de invocar por ID intenta esto

[Alexis88]

Otra alternativa a la correcta respuesta de Arturo consiste en recorrer el conjunto de elementos a partir de la primera parte del identificador que posean todos en común; en este caso, sería "service_". Enseguida, se procede a establecer el valor de la propiedad disabled.

En el siguiente ejemplo, dicho valor será el contrario al que actualmente posea: si está deshabilitado, se habilita; y viceversa. Si deseas que el valor sea únicamente false en todos los casos, reemplázalo en lugar de !elem.disabled.

Código Javascript:

[].forEach.call(document.querySelectorAll("[id^=service_]"), function(elem){
    elem.disabled = !elem.disabled;
});
 

[julia2021]

Gracias ArturoGallegos y Alexis88, encantada con sus aportes, ambos me funcionaron perfectamente, sin embargo estoy implementando la solución del amigo Alexis88 pues tiene menos líneas y la entiendo mucho más facilita. Mil gracias !!!!. Besos a ambos

[julia2021]

Una consulta adicional, usando la opcion de Alexis88, existe alguna manera de activa TODOSSSS los campos de manera simultanea independientemente del tipo de input que sean y del nombre que posean ?

Iniciado por Alexis88

Otra alternativa a la correcta respuesta de Arturo consiste en recorrer el conjunto de elementos a partir de la primera parte del identificador que posean todos en común; en este caso, sería "service_". Enseguida, se procede a establecer el valor de la propiedad disabled.

En el siguiente ejemplo, dicho valor será el contrario al que actualmente posea: si está deshabilitado, se habilita; y viceversa. Si deseas que el valor sea únicamente false en todos los casos, reemplázalo en lugar de !elem.disabled.

Código Javascript:

[].forEach.call(document.querySelectorAll("[id^=service_]"), function(elem){
    elem.disabled = !elem.disabled;
});
 

[Alexis88]

Iniciado por julia2021

Una consulta adicional, usando la opcion de Alexis88, existe alguna manera de activa TODOSSSS los campos de manera simultanea independientemente del tipo de input que sean y del nombre que posean ?

Sí. Si todos los elementos a habilitar son <input>, en lugar de [id^=service_] tendrías que poner input, siempre entre comillas ya que el selector es una cadena de caracteres.

[julia2021]

Alexis88 eres un sol. Me funciono a la primera. Un beso grandeeeeee mua !