Les boutons radio disparaissent dans Chrome et IE

Question

J'ai cette cellule de tableau, à laquelle j'ajoute un bouton radio via jQuery. Il apparaît OK dans Firefox, mais pas dans Chrome ou IE. Je coller dans les versions réduites de ce (juste le code pour un seul bouton radio au lieu de tous)

Voici la ligne de table:

 <tr> 
     <td style="text-align: right; vertical-align:top"> 
      <strong>Hard drive type:</strong></td> 
     <td id="custom_hddtype"> 
      </td> 
    </tr> 

et voici le javascript:

$('#custom_hddtype').append('<input type="radio" name="hddtype" id="'+products_custom['hddtype'][i]['id']+'" value="'+products_custom['hddtype'][i]['id'] />'+products_custom['hddtype'][i]['name']+'<br />'); 

Est-ce que quelqu'un a une idée de pourquoi cela n'apparaît pas?

Answer 1

vous manque la citation de fin pour l'attribut value ici:

value="'+products_custom['hddtype'][i]['id'] /> 

Il devrait être:

value="'+products_custom['hddtype'][i]['id']+'" /> 
              ^^ missing 

Lorsque vous avez terminé, il devrait ressembler à ceci ensemble:

$('#custom_hddtype').append('<input type="radio" name="hddtype" id="'+products_custom['hddtype'][i]['id']+'" value="'+products_custom['hddtype'][i]['id']+'" />'+products_custom['hddtype'][i]['name']+'<br />'); 

Answer 2

essayez d'utiliser celui-ci

$('#custom_hddtype').append('<input type="radio" name="hddtype" id="'+products_custom['hddtype'][i]['id']+'" value="'+products_custom['hddtype'][i]['id']+'" />'+products_custom['hddtype'][i]['name']+'<br />');