ocular o mostrar un input text mediante un checkbox

jonathancitooh · #1 (**permalink**) 13/07/2011, 06:43

Buenos días tengo problemas con un código que hice, la idea es que el usuario seleccione un checkbox y aparezca automaticamente un input text, del mismo modo otro checkbox y que aparezca un text, pero al momento de seleccionar cualquiera de los dos checkbox me aparecen los dos input text :( y ese no es la idea. me podrían ayuda?, dejo el código, Saludos.

function mostrarOcultar(obj)
{

if(fvalida.chkoir.value = true)
{fvalida.oir.style.visibility = (obj.checked) ? 'visible' : 'hidden';
}
if(fvalida.chkpep.value = true)
{fvalida.pep.style.visibility = (obj.checked) ? 'visible' : 'hidden';
}
}

<input name="chkoir" type="checkbox" title="OIR" onClick=" return mostrarOcultar(this)"> <input style="visibility:hidden;" name="oir" type="text" title="OIR" size="15" maxlength="15">

<input name="chkpep" type="checkbox" title="PEP" onClick=" return mostrarOcultar(this)"> <input style="visibility:hidden;" name="pep" title="PEP" type="text" size="15" maxlength="15">

jonathancitooh · #2 (**permalink**) 13/07/2011, 07:58

Lo solucione dividiendolo en dos funciones, no es lo más estetico, pero funciona y no afecta al resto del código. Saludos

function mostrarOcultar(obj)
{

if(fvalida.chkoir.value = true)
{fvalida.oir.style.visibility = (obj.checked) ? 'visible' : 'hidden';}
}
function MostrarOcultar1(obj1)
{
if(fvalida.chkpep.value = true)
{fvalida.pep.style.visibility = (obj1.checked) ? 'visible' : 'hidden';}
}

omarMusic · #3 (**permalink**) 13/07/2011, 08:08

Pues si se puede con una función:

Código HTML:

Ver original<html>
<head>
<script>
function mostrarOcultar(obj)
{
    if(obj.value == "1") {
        fvalida.oir.style.visibility = (obj.checked) ? 'visible' : 'hidden';
    }
    if(obj.value == "2") {
        fvalida.pep.style.visibility = (obj.checked) ? 'visible' : 'hidden';
    }
}
</script>
</head>
<body>
<form name="fvalida">
<input name="chkoir" type="checkbox" title="OIR" value="1" onClick=" return mostrarOcultar(this)">&nbsp;<input style="visibility:hidden;" name="oir" type="text" title="OIR" size="15" maxlength="15">
<input name="chkpep" type="checkbox" title="PEP" value="2" onClick=" return mostrarOcultar(this)">&nbsp;<input style="visibility:hidden;" name="pep" title="PEP" type="text" size="15" maxlength="15">
</form>
</body>
</html>

Pero no se porque colocas

Cita:

if(fvalida.chkpep.value = true)

si esta expresión siempre es verdadera por lo cual es innecesaria, ya siempre siempre se ingresará al if, por ello q en un principio siempre se ingresaba a los dos if y se activaba la instrucción (obj.checked) ? 'visible' : 'hidden'; a los 2 input text

jonathancitooh · #4 (**permalink**) 13/07/2011, 08:53

Gracias omasMusic, tienes la razón, queda de mucho mejor manera como tú lo pusiste, gracias.

Saludos

dahe98 · #5 (**permalink**) 13/07/2011, 13:11

O se podría hacer desactivando el botón. Si quieres saber como respondeme en el tema y te lo digo ;)

jonathancitooh · #6 (**permalink**) 13/07/2011, 13:18

Cita:

Iniciado por dahe98

O se podría hacer desactivando el botón. Si quieres saber como respondeme en el tema y te lo digo ;)

jaja, si mira de hecho desde un principio queria hacer eso, lo habia logrado usando radios, pero como me lo desactiva (no me autorellena el campo que no es seleccionado) y eso lo necesito puesto que en otra página muestro una tabla general con todo, y como hay espacios en blanco se ven feos, pero pués bienvenida la ayuda! Saludos

RucarMaN · #7 (**permalink**) 13/10/2011, 19:22

Como lo puedo utilizar en una tabla, Ej: tengo varios campos N donde ingreso datos pero en el check le cambia el estatus a Si y debe aparecer a campo text date para ingresar la fecha.

seether69 · #8 (**permalink**) 30/12/2011, 10:30

Muchas gracias por la funcion habia creado uan yo pero ocupaba mucho mas lineas y era con jquery, entinedo perfectamente lo que hace la funcion solo tengo una duda para que sirve el simbolo ? me imagino que hace una especie de toogle pero no se bien lo que signifique si me pudiera explicar se los agradeceria mucho