Javascript Girl
  1. Javascript Girl
  3. Comment désactiver l'autre case à cocher sur une seule case à cocher?
Intereting Posts
Que fait "! -" en JavaScript? HTML5 exige-t-il que les clients prennent en charge JavaScript? Valeurs de retour WebMethod au format JSON Comment vérifier si des auditeurs / gestionnaires de l'événement JavaScript sont attachés à un élément / document? Des pointeurs en JavaScript? Comment temporiser l'analyse d'un champ <input>? Appel de méthode java à partir de javascript dans la page jsp Dessiner une ligne entre deux divs dragables Pourquoi ne définit-il pas la propriété "désactivée" d'une balise <link> via JavaScript work dans IE 8? Envoyer formulaire sans recharger la page via AJAX Sortie JSON de PHP en utilisant d3.json Besoin d'un conseil / d'un conseil sur la façon de prendre en compte les nombres très élevés en JavaScript Erreur d'itinéraire AngularJS et Windows 8 Passer des données de Django à D3 Webpack & Bower: plusieurs fichiers css & js

Comment désactiver l'autre case à cocher sur une seule case à cocher?

J'ai un groupe de cases avec le même nom. Ce dont j'ai besoin, c'est quand je clique sur l'un d'eux, les autres cases à cocher doivent être désactivées. Comment puis-je appliquer javascript à ce sujet? 

<input type="checkbox" name="finallevelusers[]" value="1"/> <input type="checkbox" name="finallevelusers[]" value="1"/> <input type="checkbox" name="finallevelusers[]" value="1"/> <input type="checkbox" name="finallevelusers[]" value="1"/>

Aidez-nous … 

 <script type="text/javascript"> for (i=0; i<document.test.finallevelusers.length; i++){ if (document.test.finallevelusers[i].checked !=true) document.test.finallevelusers[i].disabled='true'; } </script>

Probablement vous voulez qu'ils soient activés à nouveau lorsque l'utilisateur désactive la case à cocher 

 for (i=0; i<document.test.finallevelusers.length; i++){ if (document.test.finallevelusers[i].disabled ==true) document.test.finallevelusers[i].disabled='false'; }

Vous pourriez faire 

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

… si vous en avez vraiment besoin. Mais vous pourriez être mieux d'utiliser des boutons radio.

Essayez la démo 

  <script type="text/javascript"> function disableHandler (form, inputName) { var inputs = form.elements[inputName]; for (var i = 0; i < inputs.length; i++) { var input = inputs[i]; input.onclick = function (evt) { if (this.checked) { disableInputs(this, inputs); } else { enableInputs(this, inputs); } return true; }; } } function disableInputs (input, inputs) { for (var i = 0; i < inputs.length; i++) { var currentInput = inputs[i]; if (currentInput != input) { currentInput.disabled = true; } } } function enableInputs (input, inputs) { for (var i = 0; i < inputs.length; i++) { var currentInput = inputs[i]; if (currentInput != input) { currentInput.disabled = false; } } } </script> </head> <body> <form name="aForm" action=""> <p> <label> <input type="checkbox" name="finallevelusers[]" value="1"> </label> <label> <input type="checkbox" name="finallevelusers[]" value="1"> </label> <label> <input type="checkbox" name="finallevelusers[]" value="1"> </label> </p> </form> <script type="text/javascript"> disableHandler(document.forms.aForm, 'finallevelusers[]'); </script>

Essayez un code comme celui-ci 

  <script> function uncheck(){ for(var ii=1; ii<=4; ii++){ if(document.getElementById("q6_"+ii).checked==true){ document.getElementById("q6_"+ii).checked=false; } } } </script>