[JS] Vérouiller/Dévérouiller un input

Résolu
calimm Messages postés 37 Statut Membre -  
Popoï_ Messages postés 179 Statut Membre -
Bonjour,

<input  type="radio"  name="defaut" id="defaut_perm"/> <label  for="defaut_perm" >En permanence</label> 
       
<input type="radio"  name="defaut" id="defaut__alea"/> 
<label for="defaut_alea" > Aléatoirement </label> 
       
<input type="radio"  name="defaut" id="defaut_autrement"/> 
 <label for="defaut_autrement"> Autrement </label><input type="text" name="autrement_comment" id="autrement_comment"> 


J'aimerais que le champ "autrement_comment" soit verrouillé sauf si le radio "defaut_autrement" est coché.
J'ai fais quelques tentatives en javascript mais elles n'ont mené à rien...

Merci d'avance

7 réponses

  1. wolves'sbrother Messages postés 223 Date d'inscription   Statut Membre Dernière intervention   36
     
    <html>
    <head>
      <script type="text/javascript"  >
      function updateInput(){     
     
         if(document.getElementById("defaut_autrement").checked) 
            document.getElementById("autrement_comment").disabled = false;	 	 
    	 else 
    		 document.getElementById("autrement_comment").disabled = true;	 
      
      }
      </script>
    </head>
    <body onClick="updateInput()">
    <input  type="radio"  name="defaut" id="defaut_perm"/> <label  for="defaut_perm" >En permanence</label> 
           
    <input type="radio"  name="defaut" id="defaut__alea"/> 
    <label for="defaut_alea" > Aléatoirement </label> 
           
    <input type="radio"  name="defaut" id="defaut_autrement"  /> 
     <label for="defaut_autrement"> Autrement </label><input type="text" name="autrement_comment" id="autrement_comment"> 
     </body>
     </html>
    1
    1. calimm Messages postés 37 Statut Membre
       
      Magnifique! Merci beaucoup :)
      0
  2. HTML BOY
     
    Salut,
    Déjà, tu as une erreure dans ton code !
    <input name="autrement_comment" id="autrement_comment">
    n'est pas correcte ...
    Utilise plutôt :
    <input type ="text" name="autrement_comment" id="autrement_comment">
    Et pour verrouiller tu dois utiliser "disabled" par exemple :
    <input type="text" name="autrement_comment" id="autrement_comment" disabled>
    Voilà, pour le javascript, j'ai la flemme dsl ^^
    0
  3. calimm Messages postés 37 Statut Membre
     
    Oui c'est un oubli, merci.
    J'ai besoin du javascript maintenant :p
    0
  4. calimm Messages postés 37 Statut Membre
     
    up!
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. wolves'sbrother Messages postés 223 Date d'inscription   Statut Membre Dernière intervention   36
     
    Tu veux le faire avec jquery ou juste avec le javascript?
    0
  7. calimm Messages postés 37 Statut Membre
     
    Avec uniquement le js, je pense que c'est possible nan ?
    Sinon, ben il faudra trouver une autre solution...
    0
  8. wolves'sbrother Messages postés 223 Date d'inscription   Statut Membre Dernière intervention   36
     
    si si c'est possible, je vais aller manger et je te montre comment faire à mon retour
    0
    1. Popoï_ Messages postés 179 Statut Membre 76
       
      Est-ce que tu peux nous partager ta solution?
      ça peut aider pas mal de monde et ça évite que trop de personnes postent des topics à propos de problèmes déjà résolus ici.
      0
    2. calimm Messages postés 37 Statut Membre
       
      Il a donné la solution mais comme celle ci a un "+1", elle apparait comme première réponse.
      0
    3. Popoï_ Messages postés 179 Statut Membre 76
       
      désolé ^^
      0