Sélectionnez un bouton radio dynamiquement

J'ai besoin de sélectionner un bouton radio dynamiquement.

i) j'ai créé quelques boutons radio dynamiquement, c'est à dire dans une fonction à l'aide de:

function funcName()
{
    Something.innerHTML = '<input type = "radio" name = "rName" id = "1" />' + '<input   type = "radio" name = "rName" id = "2" />' + '<input type = "radio" name = "rName" id = "3" />';

}

ii) j'ai besoin de sélectionner un bouton radio de manière dynamique, dans une autre fonction:

function funcNAme(someVar)
{
    document.getElementById(someVar).checked = true;
}

Mais cela ne fonctionne pas, c'est à dire le bouton radio n'est pas d'être sélectionné. Cependant, 'disabled' fonctionne très bien.
Aussi:

alert(someVar);

rendements appropriés valeur souhaitée.

  • votre fonction doit être fonctionne bien ... cochez cette exemple
  • Il peut-être lié à mon deuxième commentaire dans ma réponse sur le fait d'avoir les Id de jeu de nombres - pas une bonne pratique et pas valide
InformationsquelleAutor El Classico | 2011-12-02
  1. 4

    La syntaxe est comme suit :

    element.checked = true;

    Si vous avez besoin d'utiliser

    document.getElementById(someVar).checked = true;

    Voir ici -> HTMLInputElement

    Exemple de travail -> http://jsfiddle.net/p5yca/

    Et s'il vous plaît s'il vous plaît ne pas utiliser les nombres pour les Id des éléments -> http://www.w3.org/TR/html401/types.html#type-name

    • Désolé, c'était une faute de frappe.
    • Bien sa fonctionne très bien dans mon exemple - ce navigateur est-elle défaillante dans ? comment êtes-vous de déclenchement de la fonction ? quelles erreurs avez-vous ?
    • À l'aide de ff. Pas nécessairement trigeering une fonction. Définir une fonction qui crée un bouton radio. Utiliser une autre fonction à sélectionner. Pas une erreur en fait, le bouton radio n'est pas d'être sélectionné
    • Je ne reçois pas une erreur quand je le lance là-bas.
    • ajoutez un lien sur votre page ou créer un jsfiddle.net c'est le seul moyen que nous allons être en mesure de vous aider
    • Cela fonctionne très bien: jsfiddle.net/C7rDW
    • alert(x.valeur) fonctionne très bien.
    • et c'est exactement la façon dont son écrit sur votre site, où est défaillant ? même Id / les noms de fonction / commande de JS ?
    • tout est la même. J'ai utilisé le dernier énoncé, c'est à dire en sélectionnant le bouton juste après que j'ai créer, mais d'aucune utilité. alert(x.valeur) fonctionne très bien, cependant.

    InformationsquelleAutor ManseUK
  2. 2

    Semble bien fonctionner:

    function checkRadio(id) {
    document.getElementById(id).checked = true;
}

function createRadios()
{
    document.getElementById('container').innerHTML = '<input type = "radio" name = "rName" id = "1" />' + '<input   type = "radio" name = "rName" id = "2" />' + '<input type = "radio" name = "rName" id = "3" />';
}

createRadios();
checkRadio("2");

    Exemple - http://jsfiddle.net/infernalbadger/LHyQT/2/

    • Désolé, c'était une faute de frappe.
    • J'ai mis à jour le violon, de sorte qu'il est presque identique à votre exemple, il fonctionne très bien. Quel navigateur utilisez-vous? (J'ai testé sur chrome, ff et ie8 et il fonctionne très bien)
    • utiliser ff. Est-ce parce que je créer les boutons de manière dynamique, je rencontre cette erreur?
    • Utilisé: ...Id('1').vérifié et ...Id('non entier nom').checked = true. mais aucun travail
    • vous ajouter exact code ici jsfiddle.net ensuite, un rapport ici ... ça doit être quelque chose de mal avec votre syntaxe / méthode
    • Je suis d'accord avec @ManseUK Doit être un autre problème avec votre code comme cela fonctionne bien.

    InformationsquelleAutor Richard Dalton
  3. 1

    De la configuration de la checked attribut sur la innerHTML attribut, et non sur l'élément DOM lui-même; cela devrait faire l'affaire:

    document.getElementById("id").checked = true;
    • Désolé, c'était une faute de frappe.
    InformationsquelleAutor jabclab