Javascript Girl
  1. Javascript Girl
  3. Case à cocher javascript active / désactive
Intereting Posts
Un objet qui renvoie une instance d'elle-même JQuery exemple (dans jsfiddle) fonctionnant dans Firefox mais pas dans IE8, 7 Erreur "générer ENOENT" lors de la connexion à svn à partir de javascript Quel est le point du type 'Symbol' dans ECMA-262-v6? Comment mettre en évidence la différence de deux textes avec css? Dans le service angulaire $ http, Comment puis-je saisir le "statut" de l'erreur? Modification du prototype d'un objet qui a été créé avec l'initialisation littérale Fonction JavaScript AddEventListener Quelle est la différence entre ui-view en angularjs et ion-nav-view en ionique En JavaScript, le retour d'une déclaration de changement est-il une meilleure pratique que l'utilisation de la rupture? Quand utiliser PreventDefault () vs Return false? Quelle est la manière la plus simple de lire / manipuler les params de la chaîne de requêtes en utilisant javascript? Shim a jQuery plugin with browserify Facebook javascript tirant sur un "partage" Enregistrement d'un PDF retourné par service

Case à cocher javascript active / désactive

Ok, cela est très ennuyant, et c'est probablement très simple. Je souhaite démarrer ma page Web avec les cases à cocher désactivées, et après que la ligne particlar dans la liste est sélectionnée pour activer ces boîtes. J'ai donc mis cela en mode Onload 

onload = function () { for (i = 0; i < document.frmMain.checkgroup.length; i++){ document.frmMain.checkgroup[i].disabled = true ; } }

Il démarre ma page avec des boîtes handicapées, maintenant je veux les activer 

 function enableCheckboxes(){ if (document.frmMain.Vrste[document.frmMain.Vrste.selectedIndex].value == "Sendvici i Rostilj"){ for(i=0;i<document.frmMain.checkgroup.length;i++){ document.frmMain.checkgroup[i].enabled = true; } } }

Il entre dans la boucle for, mais il n'autorise jamais ces cases à cocher. Je ne peux pas comprendre pourquoi.

Et c'est une partie html, où j'appelle la fonction enablecheckbox: 

 <select name="Vrste" onChange="PopulatePodvrste(); enableCheckboxes();" size="8"> <option value="Pica">Pica</option> <option value="Barbarina domaca trpeza">Barbarina domaca trpeza</option> <option value="Slana Palacinka">Slana Palacinka</option> <option value="Slatka Palacinka">Slatka Palacinka</option> <option value="Sendvici i Rostilj">Rostilj i sendvici</option> <option value="Dobro jutro sa Barbarom">Dobro jutro sa Barbarom</option> <option value="Chicken Meni">Chicken Meni</option> <option value="Posebna Ponuda">Posebna Ponuda</option> <option value="Salate">Salate</option> </select>

Et enfin, les cases à cocher réelles: 

 <input type="checkbox" name="checkgroup" >Susam</input><br> <input type="checkbox" name="checkgroup" >Cili</input><br> <input type="checkbox" name="checkgroup" >Tartar</input><br> <input type="checkbox" name="checkgroup" >Urnebes</input><br> <input type="checkbox" name="checkgroup" >Krastavac</input>

Essayez à la place: 

  document.frmMain.checkgroup[i].disabled = false ;

Si ajouterait la bibliothèque jquery à votre page, j'ajouterais: 

 $(document).ready(function() { $("input[name='checkgroup']").attr("disabled", "disabled"); }) function enableCheckboxes() { $("input[name='checkgroup']").removeAttr("disabled"); }

Si vous ne souhaitez pas utiliser jquery, modifiez simplement votre ligne d'activation pour être: 

 document.frmMain.checkgroup[i].disabled = false ;