HTML - Habilitar e inhabilitar Radio Button y formularios HTML y JS

 
Vista:
sin imagen de perfil
Val: 1
Ha aumentado su posición en 26 puestos en HTML (en relación al último mes)
Gráfica de HTML

Habilitar e inhabilitar Radio Button y formularios HTML y JS

Publicado por Romina (1 intervención) el 24/11/2019 16:31:50
Consulta, tengo dos radio buttons con formulario a llenar y necesito que al seleccionar uno el otro formulario quede inhabilitado, es decir en gris. ya he probado de todo y no le encuentro la vuelta... Desde ya Gracias!!!!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 247
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Habilitar e inhabilitar Radio Button y formularios HTML y JS

Publicado por Alejandro (100 intervenciones) el 29/11/2019 20:47:51
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<label><input type="radio" id="rdoFrm1" name="formSelect" value="1"/>Formulario 1</label>
<label><input type="radio" id="rdoFrm2" name="formSelect" value="2"/>Formulario 2</label>
 
<form id="frm1">
	<fieldset>
		<legend>Formulario 1:</legend>
		<input type="text" />
		<input type="text" />
		<input type="text" />
	</fieldset>
</form>
 
<form id="frm2">
	<fieldset>
		<legend>Formulario 2:</legend>
		<input type="text" />
		<input type="text" />
		<input type="text" />
	</fieldset>
</form>
 
<script>
document.getElementById('rdoFrm1').addEventListener('click',selectForm);
document.getElementById('rdoFrm2').addEventListener('click',selectForm);
 
document.getElementById('rdoFrm1').click();
 
function selectForm(){
	formularios = document.querySelectorAll('form');
	for(formulario of formularios){
		inputs = formulario.querySelectorAll('input');
		valorDisabled = ('frm'+this.value != formulario.attributes.id.value)?true:false;
		for(input of inputs){
			input.disabled=valorDisabled;
		}
	}
}
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar