jQuery - Désactiver les champs de formulaire

Question

J'ai 2 champs: 1 entrée, 1 case à cocher.

Est-il possible de faire en sorte que le navigateur désactive l'un des champs lorsque l'utilisateur utilise l'autre?

Par exemple, si l'utilisateur entre des données dans l'entrée, la zone de sélection est désactivée. Si l'utilisateur sélectionne des données dans la liste de sélection (liste déroulante), l'entrée est désactivée.

Toute aide à ce sujet serait très appréciée.

Bravo d'avance.

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>
 

Vous devrez également ajouter un attribut value à la première option sous votre élément select:

 <option value=""></option>
 

Answer 2

Les docs jQuery disent d'utiliser prop () pour des choses comme désactivé, coché, etc. De plus, le moyen le plus concis est d'utiliser leur moteur de sélecteurs. Donc, pour désactiver tous les éléments de formulaire dans un div ou parent de formulaire.

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

Et pour permettre à nouveau que vous pourriez faire

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

Answer 3

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

Answer 4

essaye ça

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

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

vice versa pour le select aussi.

Answer 5

Voici un plugin jquery pour faire la même chose: http://s.technabled.com/jquery-foggle