Problème lors de la définition de l'attribut value ou name sur un bouton radio créé dynamiquement

Question

Je tente de générer dynamiquement un groupe de boutons radio, mais lorsque j'ajoute un bouton radio avec jQuery, l'attribut name n'est pas défini correctement.

 var radioButtonInput = document.createElement("input") 
     var groupId = groupNodes[i].getAttribute("id"); 
     var groupName = groupNodes[i].getAttribute("displayName"); 

     $(radioButtonInput).attr("type","radio"); 
     $(radioButtonInput).attr("name","radioGroup"); 
     $(radioButtonInput).attr("id", groupId); 

     $("#meetingType h2").after(radioButtonInput); 

Les boutons radio sont créés correctement mais l'attribut name n'est pas présent. J'ai essayé d'utiliser l'attribut html dom .name mais il génère le même résultat.

Answer 1

Essayez ceci:

var groupId = groupNodes[i].getAttribute("id"); 
var groupName = groupNodes[i].getAttribute("displayName"); 
var radioButtonInput = $("<input>", { "type" : "radio", "id" : groupId, "name" : "radioGroup"}); 

$("#meetingType h2").after(radioButtonInput); 

où vous utilisez groupName car ici le nom d'entrée sera "radioGroup" et non GROUPNAME

Answer 2

Je pencherais pour la façon la plus simple:

$("#meetingType h2").after('<input type="radio" id="' + groupNodes[i].id + '" name="' + groupNodes[i].getAttribute("displayName") + '" />'); 

Si toujours pas de chance s'il vous plaît élaborer sur "l'attribut de nom n'est pas présent" - comment pouvez-vous dire cela? Comment vérifiez-vous?