repetir-linea-js-1159148

ForosDelWeb

by Arturo Gallegos

HTML

<form action="#" id="demo">
<button onclick="activar(event)">Activar</button>
  <p><label><sub>Item</sub><br><input type="text" name="servicio[]" disabled="true" class="input_servicio"></label></p>
  <p><label><sub>Item</sub><br><input type="text" name="servicio[]" disabled="true" class="input_servicio"></label></p>
  <p><label><sub>Item</sub><br><input type="text" name="servicio[]" disabled="true" class="input_servicio"></label></p>
  <p><label><sub>Item</sub><br><input type="text" name="servicio[]" disabled="true" class="input_servicio"></label></p>
  <p><label><sub>Item</sub><br><input type="text" name="servicio[]" disabled="true" class="input_servicio"></label></p>
  <p><label><sub>Item</sub><br><input type="text" name="servicio[]" disabled="true" class="input_servicio"></label></p>
</form>

JavaScript

function activar(event){
	event.preventDefault();
	var inputs_form = document.querySelectorAll('.input_servicio');
  for(var i = 0; i < inputs_form.length; i++){
  	if(inputs_form[i].disabled){
    	inputs_form[i].disabled = false;
    }else{
    	inputs_form[i].disabled = true;
    }
  }
}