Comment définir le bouton radio d'état avec JavaScript

Quelle méthode serait la meilleure à utiliser pour définir de façon sélective un ou plusieurs bouton radio(s) à un paramètre désiré avec JavaScript?

Pourriez-vous nous dire pourquoi?
jQuery a pris soin de ma plus récente éruption cutanée, il peut certainement vérifier boutons radio!
Je suis d'accord, j'aime jQuery trop, mais c'est trop simple. Nous n'avons pas besoin de jQuery pour cela.

InformationsquelleAutor vinomarky | 2012-02-28

html5 javascript

85

Très simple
```
radiobtn = document.getElementById("theid");
radiobtn.checked = true;
```
- Doux agréable et facile, merci. Si j'étais à essayer de modifier un nombre de boutons radio avec séquentielle id radio1, idem radio2 etc, alors il peut être ...... fonction check_radio() { for (var i = 1, radiobtn; radiobtn = document.getElementById("radio" + i); ++i) radiobtn.checked = true; }
- Je pense que radiobtn.checked devraient recevoir 'checked' au lieu de true, bien que je ne me souviens plus où j'ai lu cela.
- vous êtes à la confusion de l'Javascript-propriété .checked avec le xhtml attribut checked="checked". Depuis xhtml essayé d'être compatible xml, aucun des attributs sans valeur ont été admis (contrairement à html 4 ou 5, où <sometag checked> est la syntaxe correcte). Indépendamment de la majoration de la langue que vous utilisez, Javascript Javascript et Javascript les objets ont des propriétés qui pourrait très bien être une valeur booléenne. En effet, l'objet DOM associés à <input type="radio" /> a une propriété .checked qui peut être true ou false.
- compris, merci!
- Je suggère d'ajouter var avant radiobtn = ... pour éviter d'avoir à portée globale.
InformationsquelleAutor Starx

la forme

<form name="teenageMutant">
  <input value="aa" type="radio" name="ninjaTurtles"/>
  <input value="bb" type="radio" name="ninjaTurtles"/>
  <input value="cc" type="radio" name="ninjaTurtles" checked/>
</form>

value="cc" sera cochée par défaut, si vous retirez le "coché" non des boîtes sera vérifié lorsque le formulaire est chargé.

document.teenageMutant.ninjaTurtles[0].checked=true;

maintenant value="aa" est cochée. L'autre radio cases à cocher sont désactivées.

le voir en action: http://jsfiddle.net/yaArr/

Vous pouvez faire la même chose à l'aide de l'id du formulaire et le bouton radio id. Voici un formulaire avec id.

<form id="lizardPeople" name="teenageMutant">
  <input id="dinosaurs" value="aa" type="radio" name="ninjaTurtles"/>
  <input id="elephant" value="bb" type="radio" name="ninjaTurtles"/>
  <input id="dodoBird" value="cc" type="radio" name="ninjaTurtles" checked/>
</form>

value="cc" est cochée par défaut.

document.forms["lizardPeople"]["dinosaurs"].checked=true;

maintenant value="aa" id="dinosaures" est cochée, tout comme avant.

Le voir en action: http://jsfiddle.net/jPfXS/

c'est une excellente solution!

InformationsquelleAutor gaby de wilde

16

Vanille Javascript:
```
yourRadioButton.checked = true;
```
jQuery:
```
$('input[name=foo]').prop('checked', true);
```
ou
```
$("input:checkbox").val() == "true"
```
- Merci oui j'avais vérifié et trouvé un certain nombre de méthodes différentes. Unfortunatley après une tente un peu, j'ai été de ne pas avoir beaucoup de succès. Merci de votre temps
- La pensée a traversé mon esprit, mais je ne voulais pas venir à travers comme une brute. Je n'ai pas fait beaucoup, si une question est posté ici qui peut être trouvé ailleurs.
- j'ai toujours pas pourquoi u supprimer mon post comme ur qus posté obtenir de point négatif.
- Désolé, n'ont aucune idée de ce à quoi vous vous référez. Je n'ai jamais supprimé toutes les postes, en fait, je ne crois même que j'ai privilège de le faire même si je le voulais
- Votre Vanille Javascript yourRadioButton.checked semble tentant, mais n'est pas recommandé dans cette SORTE de post
- C'est drôle, en fait, parce que je suis sûr que j'ai utilisé cette 2ème méthode jQuery avec [0], [1], [2], etc. après la $(...) partie de le faire avant, mais quand je l'ai juste essayé $('input[name=foo]')[0].attr('checked', true); j'ai eu Object doesn't support this property or method. Même chose si je mets ('checked', 'checked'). Mais quand j'ai mélangé le JavaScript avec jQuery option et ne $('input[name=foo]')[0].checked = true; mis à l'amende juste. Impair.
- Vous devriez être en utilisant prop() au lieu de attr() pour le réglage des valeurs booléennes.
InformationsquelleAutor Justin Helgerson
10

Vous pouvez également définir explicitement la valeur du bouton radio:
```
<form name="gendersForm">
  <input type="radio" name="gender" value="M" /> Man
  <input type="radio" name="gender" value="F" /> Woman
</form>
```
avec le script suivant:
```
document.gendersForm.gender.value="F";
```
et bouton radio correspondant sera automatiquement vérifiée.

Regarder la exemple sur JSFiddle.
- Fonctionne parfaitement jusqu'à ce que vous l'essayez, dans IE <.<
- ou Safari - pas de travail
InformationsquelleAutor sbrbot
0

Je suis à la configuration d'un bouton radio à l'intérieur d'un fragment de document et essayé d'utiliser radiobtn.checked = true;.

Qui n'a pas fonctionné donc j'ai plutôt allé avec cette solution:
```
radiobtn.setAttribute("checked", "checked");
```
- Vous pouvez également utiliser radiobtn.setAttribute("checked", ""); pour le sélectionner.
InformationsquelleAutor NuclearPeon

/**
 * setCheckedValueOfRadioButtonGroup
 * @param {html input type=radio} vRadioObj 
 * @param {the radiobutton with this value will be checked} vValue 
 */
function setCheckedValueOfRadioButtonGroup(vRadioObj, vValue) {
    var radios = document.getElementsByName(vRadioObj.name);
    for (var j = 0; j < radios.length; j++) {
        if (radios[j].value == vValue) {
            radios[j].checked = true;
            break;
        }
    }
}

InformationsquelleAutor Luigi D'Amico

-1

$("#id_of_radiobutton").prop("checked", true);

InformationsquelleAutor Prajakta Kale

Vous devez vous connecter pour publier un commentaire.