Skip to main content
Melhor compreensão
Fonte Link
Victor Eyer
  • 1,5mil
  • 10
  • 22

Boa noite, vou fornecer uma imagem e o código. Eu não sei fazer, e gostaria de aprender. OBS: eu não quero que a imagem se altere quando eu ENVIAR o form, quero que se altere logo após eu clicar na option! Ao clicar no input do lado esquerdo, TROCAR a imagem do lado direito

Formlário

<form method="POST" action="escalar.php">
<label>Escolha o Goleiro</label><br>
<input type="radio" name="group1"name="gol" value="Milk"> Milk<br>anderson<br>
<input type="radio" name="group1"name="gol" value="Butter" checked> Butter<br>davi<br>
<input type="radio" name="group1"name="gol" value="Cheese"> Cheesepaulo
<label>Escolha o Tecnico</label><br>
<input type="radio" name="tec" value="Milk"> maikon<br>
<input type="radio" name="tec" value="Butter" checked> dunga<br>
<input type="radio" name="tec" value="Cheese"> kleber
</form>

Imagem

<img src="/componentes/circulo.png" alt="goleiro" style="width: 16%; height:8%; position:relative; margin-top:-125px; margin-left:180px;" />  

Desde já, obrigado

Boa noite, vou fornecer uma imagem e o código. Eu não sei fazer, e gostaria de aprender. OBS: eu não quero que a imagem se altere quando eu ENVIAR o form, quero que se altere logo após eu clicar na option! Ao clicar no input do lado esquerdo, TROCAR a imagem do lado direito

Formlário

<form method="POST" action="escalar.php">
<label>Escolha o Goleiro</label><br>
<input type="radio" name="group1" value="Milk"> Milk<br>
<input type="radio" name="group1" value="Butter" checked> Butter<br>
<input type="radio" name="group1" value="Cheese"> Cheese
</form>

Imagem

<img src="/componentes/circulo.png" alt="goleiro" style="width: 16%; height:8%; position:relative; margin-top:-125px; margin-left:180px;" />  

Desde já, obrigado

Boa noite, vou fornecer uma imagem e o código. Eu não sei fazer, e gostaria de aprender. OBS: eu não quero que a imagem se altere quando eu ENVIAR o form, quero que se altere logo após eu clicar na option! Ao clicar no input do lado esquerdo, TROCAR a imagem do lado direito

Formlário

<form method="POST" action="escalar.php">
<label>Escolha o Goleiro</label><br>
<input type="radio" name="gol" value="Milk"> anderson<br>
<input type="radio" name="gol" value="Butter" checked> davi<br>
<input type="radio" name="gol" value="Cheese"> paulo
<label>Escolha o Tecnico</label><br>
<input type="radio" name="tec" value="Milk"> maikon<br>
<input type="radio" name="tec" value="Butter" checked> dunga<br>
<input type="radio" name="tec" value="Cheese"> kleber
</form>

Imagem

<img src="/componentes/circulo.png" alt="goleiro" style="width: 16%; height:8%; position:relative; margin-top:-125px; margin-left:180px;" />  

Desde já, obrigado

Fonte Link
Victor Eyer
  • 1,5mil
  • 10
  • 22

Mudar imagem ao selecionar radio no form

Boa noite, vou fornecer uma imagem e o código. Eu não sei fazer, e gostaria de aprender. OBS: eu não quero que a imagem se altere quando eu ENVIAR o form, quero que se altere logo após eu clicar na option! Ao clicar no input do lado esquerdo, TROCAR a imagem do lado direito

Formlário

<form method="POST" action="escalar.php">
<label>Escolha o Goleiro</label><br>
<input type="radio" name="group1" value="Milk"> Milk<br>
<input type="radio" name="group1" value="Butter" checked> Butter<br>
<input type="radio" name="group1" value="Cheese"> Cheese
</form>

Imagem

<img src="/componentes/circulo.png" alt="goleiro" style="width: 16%; height:8%; position:relative; margin-top:-125px; margin-left:180px;" />  

Desde já, obrigado