Get/Set de Case à cocher et le Bouton Radio de valeurs à l'aide de Prototype

Prototype est grand, mais avec la version 1.6.1, la bibliothèque ne permet pas de s'/réglage des entrées groupées (cases à cocher et les boutons radio.) Je voudrais un moyen d'obtenir un tableau de valeurs sélectionnées avec $F($("form").checkboxes). Je voudrais être en mesure de définir ces cases d'un tableau de valeurs, sur le revers de la médaille.

Idées?

OriginalL'auteur Eric Nguyen | 2009-09-05

  1. 10

    Vous pouvez toujours faire quelque chose comme ceci: (ce qui suppose que vous avez vos cases ont une classe de checkboxes).

    var checkedList = [];
$$('.checkboxes').each(function(ele){
   if( $(ele).checked )
   {
       checkedList.push($(ele).name);
   }
});

    OriginalL'auteur Los

  2. 6

    edit viens de réaliser que j'ai mal lu la question, le code ci-dessous n'est bon que pour les valeurs de réglage:

    var form = $('options');
checkboxes = form.getInputs('checkbox');
checkboxes.each(function(e){ e.checked = 0 });
//or even checkboxes.invoke('checked',0);

    pourrait peut-être utiliser quelque chose comme cela:

    var cels = new Array();
$$('checkbox[checked="checked"]').each(el){
  cels.push(el.value);
}

    OriginalL'auteur robjmills

  3. 4

    C'est seulement pour les boutons radio, mais toujours utile.

    Obtenir

    $$('input:checked[name="radio_name"]')[0].value

    Ensemble

    $$('input[name="radio_name"][value="to_select"]')[0].checked = true

    "radio_name" est le nom de votre groupe de boutons radio. "to_select" est selon la valeur que vous souhaitez sélectionner. "[0]" fonctionne parce que 1 bouton radio peut être vérifiée à la fois.

    Sur une note de côté, j'ai un peu de ne pas, comme prototype. Beaucoup plus facile en jQuery, mais vous devez utiliser ce que tu dois utiliser.

    OriginalL'auteur Dan Grahn

  4. 1

    J'ai fini par écrire mes propres extensions de Prototype pour ce faire. Vous pouvez les voir sur Github. Voici une note du projet:

    "Ces extensions vous permettent d'utiliser le Prototype idéal de $F() syntaxe pour obtenir et définir les valeurs de ces regroupés éléments d'entrée. Ils ont été testés avec Prototype 1.6.0.3 et 1.6.1. Il y a d'autres éléments dans ces extensions. Voir la README.html fichier pour plus de détails."

    Les réponses de seengee et Los sont très appréciés, mais je voulais une plus grande intégration de la solution qui me permettrait de travailler avec des cases à cocher et les boutons radio avec le naturel $F() syntaxe que j'utilise déjà avec d'autres éléments de formulaire.

    OriginalL'auteur Eric Nguyen

  5. 0

    Donné HTML:

    <label><input type="radio" id="choiceA" name="choices" value="A" checked="checked" /> A</label>
<label><input type="radio" id="choiceB" name="choices" value="B" /> B</label>

    Ce qui fait un des styles CSS de la requête et retourne la valeur de tous les éléments. 

    $$('input:checked[type="radio"][name="group-name"]').pluck("value");

    OriginalL'auteur Indolering