Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rei Leônidas

Como trocar imagens utilizando radio button?

Por , em Javascript

Recommended Posts

Rei Leônidas    0

Rei Leônidas
Postado

Tenho uma página que aparece uma imagem, e também alguns botões do tipo radio button, eu queria que simplesmente quando se selecionasse uma opção do radio button, a imagem automaticamente mudasse pra outra. Isso, claro sem precisa de botão de submit, já que a mudança seria automática.

 

Muito obrigado pela ajuda de vcs e fico no aguardo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Basta adaptar o código a seguir à sua situação:

 

<html>
<head>
<script type="text/javascript">
function alterarImagem(t) {
	document.getElementById("texto1").innerHTML = t;
	document.getElementById("img1").innerHTML = "<img src='"+t+".jpg' alt='"+t+".jpg'>";
}
</script>
</head>
<body>
Minha imagem: <span id="texto1"></span> ---> <span id="img1"></span>
<form name="form1" action="paginaPHPouASP" method="post">
<input type="radio" name="times" value="Palmeiras" onClick="alterarImagem('palmeiras')">Palmeiras
<input type="radio" name="times" value="São Paulo" onClick="alterarImagem('saopaulo')">São Paulo
<input type="radio" name="times" value="Botafogo" onClick="alterarImagem('botafogo')">Botafogo
<input type="radio" name="times" value="Flamengo" onClick="alterarImagem('flamengo')">Flamengo
<input type="radio" name="times" value="Vasco" onClick="alterarImagem('vasco')">Vasco
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito