none
Radio Button DOM no IE RRS feed

  • Pergunta

  •  

    Fala Pessoal, revirei toda a web em busca de um código que crie corretamente um Radio Button, atravez de DOM.

    Veja o código que eu formei.

     

     

     

    //
      var rdTeste = document.createElement('input');
      rdTeste.type = 'radio';
      rdTeste.id = 'rdTeste';
      rdTeste.name = 'rdTeste';
      rdTeste.defaultChecked = true;
      document.body.appendChild(rdTeste);
      
      var lbrdTeste = document.createElement('label');
      lbrdTeste.htmlFor = 'rdTeste';
      lbrdTeste.innerHTML = 'Bolachas';
      document.body.appendChild(lbrdTeste);
      //
      var rdTeste2 = document.createElement('input');
      rdTeste2.type = 'radio';
      rdTeste2.id = 'rdTeste2';
      rdTeste2.name = 'rdTeste';
      rdTeste2.defaultChecked = false;
      document.body.appendChild(rdTeste2);
      
      var lbrdTeste2 = document.createElement('label');
      lbrdTeste2.htmlFor = 'rdTeste2';
      lbrdTeste2.innerHTML = 'Peras';
      document.body.appendChild(lbrdTeste2);
      //  

     

     

     

    O problema é que no IE ele não passa a seleção, ou seja, nao deixa sair de um Radio Box, o usuario nao pode trocar a seleção, porém em todos os navegadores que eu testei funcionam corretamente. Alguem tem uma idéia??

     

    Obrigado

    terça-feira, 19 de fevereiro de 2008 13:31

Todas as Respostas

  • Boa Tarde,

    Amigo, o que você deseja não é um <asp:RadioButtomList /> ?

    Abraço!
    quarta-feira, 23 de julho de 2008 20:19
  • Leonardo segue resposta para sua pergunta:

     

    http://bytes.com/forum/thread91778.html

     

    Ou seja, no seu caso ficaria mais ou menos assim:

     

    //
     var rdTeste = document.createElement('<input type="radio" id="rdTeste1" name="rdTeste" checked=checked />');
     document.body.appendChild(rdTeste);
      
     var lbrdTeste = document.createElement('label');
     lbrdTeste.htmlFor = 'rdTeste';
     lbrdTeste.innerHTML = 'Bolachas';
     document.body.appendChild(lbrdTeste);

     

     var rdTeste2 = document.createElement('<input type="radio" id="rdTeste2" name="rdTeste"/>');
     document.body.appendChild(rdTeste2);
      
     var lbrdTeste2 = document.createElement('label');
     lbrdTeste2.htmlFor = 'rdTeste2';
     lbrdTeste2.innerHTML = 'Peras';
     document.body.appendChild(lbrdTeste2);
     // 

     

     

    Abraços

     

    Estevam

    quarta-feira, 23 de julho de 2008 21:32