deshabilitar textbox por medio de otro textbox

[cristian_cena]

Fijate este ejemplo:

Código HTML:

<!-- elementos con sus id -->
<input id="txtdebito" type="text" />
<input id="txtcredito" type="text" />​
 

Código CSS:

/* estilo para el campo de texto inactivo */
input[readonly="readonly"]{
background:whitesmoke;
}
 

manejamos el evento onblur activando o desactivando el otro campo de texto según si el campo en que estamos tiene texto o no en su propiedad value.

Código Javascript:

window.onload = function(){
    
    var deb = document.getElementById("txtdebito");
    var cre = document.getElementById("txtcredito"); 
    
    deb.onblur = function(){
        if(deb.value !== ""){
            cre.disabled = true; 
        }
        else{
            cre.disabled = false;
        }        
    }
        
    cre.onblur = function(){
        if(cre.value !== ""){
            deb.disabled = true; 
        }  
        else{
            deb.disabled = false;
        }         
    }
}
 

Podrías mejorar esto validando los espacios en blanco, esto te lo dejo :D
Espero te sirva, saludos.