jQuery - Inhabilitar campos de formulario

Question

Tengo 2 campos: 1 entrada, 1 casilla de selección.

¿Es posible hacer que el navegador deshabilite uno de los campos cuando el usuario usa el otro?

Por ejemplo, si el usuario está ingresando datos en la entrada, el cuadro de selección está deshabilitado. Si el usuario está seleccionando datos de la selección (menú desplegable), la entrada está deshabilitada.

Cualquier ayuda con esto sería muy apreciada.

Saludos con anticipación.

Answer 1

<script type="text/javascript" src="jquery.js"></script>   
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#suburb").blur(function() { 
      if ($(this).val() != '') 
       $("#post_code").attr("disabled", "disabled"); 
      else 
       $("#post_code").removeAttr("disabled"); 
     }); 

     $("#post_code").blur(function() { 
      if ($(this).val() != '') 
       $("#suburb").attr("disabled", "disabled"); 
      else 
       $("#suburb").removeAttr("disabled"); 
     }); 
    }); 
</script> 

También tendrá que añadir un atributo de valor a la primera opción en el elemento de selección:

<option value=""></option> 

Answer 2

probar esto

$("#inp").focus(function(){$("#sel").attr('disabled','true');}); 

$("#inp").blur(function(){$("#sel").removeAttr('disabled');}); 

viceversa para la selección también.

Answer 3

$('input, select').attr('disabled', 'disabled'); 

Answer 4

Aquí es un plugin jQuery para hacer lo mismo: http://s.technabled.com/jquery-foggle

Answer 5

Los documentos jQuery dicen utilizar prop() para cosas como las personas con discapacidad, comprobado, etc. También la forma más concisa es usar su motor de selectores . Así que para deshabilitar todos los elementos de formulario en un div o forma padre.

$myForm.find(':input:not(:disabled)').prop('disabled',true); 

y para permitir de nuevo que podría hacer

$myForm.find(':input:disabled').prop('disabled',false);