JavaScript - Problema con radiobuttons yinputs

   
Vista:

Problema con radiobuttons yinputs

Publicado por unexes (30 intervenciones) el 22/03/2015 00:16:30
Hola veréis tengo este pequeño código el cual intento hacerlo funcionar pero no encuentro como hacerlo.

Veréis se trata de 2 radiobuttons que al chequear uno de ellos me muestra 2 inputs type text y al chequear el otro me desactiva esos 2 inputs que se encontraban activados y activa otros 2 inputs diferentes, (si copias el código en una pagina "Prueba.html" lo comprenderéis enseguida.

De entrada esta chequeado el primer radio button y el problema es que me muestra todos los inputs los cuatro esto es incorrecto ya que solo deberían estar activados los 2 primeros inputs.

Cuando chequeo el segundo radiobutton me activa correctamente los 2 segundos inputs y me desactiva los 2 primeros y no me deja hacer nada en ellos esto es correcto.

Pero cuando vuelvo a chequear el primer input me desactiva los 2 segundos inputs esto seria correcto pero aun desactivados me permite escribir en ellos esto es incorrecto.


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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<script>
		function seleccionar(value)
		{
			if(value=="1")
			{
				// Activamos Ingreso Usuario y desactivamos Registro
	            document.getElementById('100').style.opacity='';
	            document.getElementById('100').style.filter = '';
	            document.getElementById("txtUsuario").disabled = false;
				document.getElementById("txtClave").disabled = false;
 
				document.getElementById('200').style.opacity = 0.4;
	            document.getElementById('200').style.filter = "alpha(opacity=40)";
				document.getElementById("txtEmail").disabled = true;
				document.getElementById("txtWeb").disabled = true;
 
			}else if(value=="2"){
				// Activamos Registro y desactivamos Ingreso Usuario
				document.getElementById('100').style.opacity = 0.4;
	            document.getElementById('100').style.filter = "alpha(opacity=40)";
				document.getElementById("txtUsuario").disabled = true;
				document.getElementById("txtClave").disabled = true;
 
				document.getElementById('200').style.display = '';
				document.getElementById('200').style.opacity='';
	            document.getElementById('200').style.filter = '';
	            document.getElementById("txtEmail").disabled = false;
				document.getElementById("txtWeb").disabled = false;
			}
 
		}
	</script>
</head>
 
<body>
<form>
	<h1>Si no es cliente y no esta registrado, debe de registrarse</h1>
	<div>
		<input type="radio" value="1" name="activar_desactivar" onchange="seleccionar(this.value);" checked> Soy cliente ya estoy registrado.
	</div>
 
	<div id="100">
<table border="1">
<tr>
   <td >Usuario</td>
   <td><input type="text" name="txtUsuario" id="txtUsuario"></td>
</tr>
<tr>
   <td >Clave</td>
   <td> <input type="password" name="txtClave" id="txtClave"></td>
</tr>
</table>
	</div>
 
    <div>
    <input type="radio" value="2" name="activar_desactivar" onchange="seleccionar(this.value);"> No soy cliente, quiero registrarme.
    </div>
 
	<div id="200">
<table border="1">
<tr>
   <td >Email</td>
   <td><input type="text" name="txtEmail" id="txtEMail"></td>
</tr>
<tr>
   <td>Web</td>
   <td><input type="text" name="txtWeb" id="txtWeb"></td>
</tr>
</table>
    </div>
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