Desabilitar

hernanchu · #1 (**permalink**) 12/10/2011, 14:54

Saludos a todos
Agradezco anticipadamente su colaboracion, la verdad he encontrado este coido porque necesito algo parecido mas otras 2 cositas.

lo que deseo tener es priemro las cajas de texto por default esten desactivadas que al chulear el primer checkbox se desabilite tanto el segundo checkbox como la segnda caja de textoy se active la primera caja de texto, y al deschulearla pues se active solamente el segundo checkbox y desactive nuevamente la caja de texto 1 y sea viceversa cunado se chulee el segundo checkbox =D!
este codigo solo sierve en los checkbox...

Código HTML:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<script type="text/javascript">
function disableCheck(field, causer) {
if (causer.checked) {
field.checked = false;
field.disabled = true;
}
else {
field.disabled = false;
}
}

function disableOthers(field) {
disableCheck(formulario.dos, field);
}

function disableUno() {
field = formulario.uno

if (formulario.dos.checked) {
field.checked = false;
field.disabled = true;
}
else {
field.disabled = false;
}
}

</script>
<body>
<form name="formulario">
<input type="checkbox" name="uno" onClick="disableOthers(this)"/><br/>
<input type="checkbox" name="dos" onClick="disableUno()"/><br/>
<input type"text" name="wow" disable="disable"/>
<input type"text" name="wow2" disable="disable"/>
</form>
</body>
</html>

Franz1628 · #2 (**permalink**) 12/10/2011, 15:21

Prueba este código haber si te funciona

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<script type="text/javascript">
function disableDos() {
    var field = formulario.dos
 
    if (formulario.uno.checked) {
        field.checked = false;
        field.disabled = true;
        formulario.wow.disabled = false;
        formulario.wow2.disabled = true;
    }
    else{
        field.disabled = false;
        formulario.wow.disabled = true;
    }
}
 
function disableUno() {
    var field = formulario.uno
 
    if (formulario.dos.checked) {
        field.checked = false;
        field.disabled = true;
        formulario.wow.disabled = true;
        formulario.wow2.disabled = false;
    }
    else{
        field.disabled = false;
        formulario.wow2.disabled = true;
    }
}
 
</script>
<body>
<form name="formulario">
<input type="checkbox" name="uno" onClick="disableDos()"/><br/>
<input type="checkbox" name="dos" onClick="disableUno()"/><br/>
<input type="text" name="wow" disabled>
<input type="text" name="wow2" disabled>
</form>
</body>

En este enlace hay más información de disabled
http://fgualambo.blogspot.com/2011/10/la-propiedad-disabled-en-javascript.html

hernanchu · #3 (**permalink**) 12/10/2011, 15:39

Muchisimas gracias