Problema con radiobuttons yinputs
Publicado por unexes (39 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.
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
0