Selecionar um radio button aparecer outras coisas

[editorpa 0]

ola queria selecionar um radio button cadaum com o mesmo nome é aparecer coisas diferentes igual o dessa pagina http://www.nextel.com.br/NEXTELWEBSITE/fale/nextel-responde.aspx Grato

[kakaroto developer 0]

ola amigo assim e java script :)

melhor dissendo isso e jquery:)

 

 

na boa isso isso vai ser um pe no saco

 

alguns comandos em jquery para você conhecer

onclick

 

load

[Evandro Oliveira 331]

Não vejo a mínima necessidade de jQuery.

 

Isso é Javascript [2]

 

 

<form action="" method="post">
   <fieldset id="pergunta">
       <legend>Já é cliente?</legend>
       <p><input type="radio" name="cliente" value="resposta_sim" id="cliente_sim"><label for="cliente_sim">Sim</label></p>
       <p><input type="radio" name="cliente" value="resposta_nao" id="cliente_nao"><label for="cliente_nao">Não</label></p>
   </fieldset>
</form>
<div id="respostas">
   <div id="resposta_sim"><p>Olá, cliente.</p></div>
   <div id="resposta_nao"><p>Por favor, afilie-se</p></div>
</div>

 

var respostas = null;

window.onload = function(){
    var inputs = document.getElementById('perguntas').getElementsByTagName('input');
    var opcoes = new Array();
    respostas = getElementById('respostas').childNodes;
    for(var i = 0, ln = inputs.length; i < ln; i++)
        if (inputs.item(i).type == 'radio' && inputs.item(i).name == 'cliente')
            new abreResposta(inputs.item(i));
}

function escondePaineis(){
    for(var i = 0, ln = respostas.length; i < ln; i++) respostas[i].style.display = 'none';
}

function abreResposta(elemento){
    escondePaineis();
    elemento.onclick = function(){
        document.getElementById(elemento.value).style.display = 'block';
    }
}

[srnetcave 1]

Ola amigo,

 

Seria mais facil com Jquery. Utilizando o mesmo form do amigo de cima.

 

$(document).ready(function() {
    $("#pergunta INPUT[type='radio']").change(function(){
        var msg = '';
        var chk = $(this).val();
        if (chk == 1){
            msg = 'Ola cliente.';
        } else {
            msg = 'Por favor afilie-se.';
        }
        $('#respostas').html('<p>' + msg + '</p>');
    });
});

 

<form action="" method="post">
    <fieldset id="pergunta">
        <legend>Já é cliente?</legend>
        <p><input type="radio" name="cliente" value="1" id="cliente_sim"><label for="cliente_sim">Sim</label></p>
        <p><input type="radio" name="cliente" value="2" id="cliente_nao"><label for="cliente_nao">Não</label></p>
    </fieldset>
</form>
<div id="respostas"></div>