Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
beleza eu de novo.=) Seguinte sou novo em interações com jquery e php e javascript. Fiz esse script, ele funciona beleza, so que quando eu escolho a opção 4 do select por exemplo e depois troco pra dois ele não oculta os input radio corretamente.
Como posso resolver isso, o script ta assim:
<script type="text/javascript">
$(document).ready(function() {
$('#sabores p span#um').hide();
$('#sabores p span#dois').hide();
$('#sabores p span#tres').hide();
$('#sabores p span#quatro').hide();
var valorEscolhido;
$("#sel-tamanho").change(function(){
valorEscolhido = $("#sel-tamanho option:selected").val();
if(valorEscolhido == 0){
alert ("Escolha um tamanho");
}
if(valorEscolhido == 1){
$('#sabores p span#um').show();
}
if(valorEscolhido == 2){
$('#sabores p span#um').show();
$('#sabores p span#dois').show();
}
if(valorEscolhido == 3){
$('#sabores p span#um').show();
$('#sabores p span#dois').show();
}
if(valorEscolhido == 4){
$('#sabores p span#um').show();
$('#sabores p span#dois').show();
$('#sabores p span#tres').show();
$('#sabores p span#quatro').show();
}
if(valorEscolhido == 5){
$('#sabores p span#um').show();
$('#sabores p span#dois').show();
$('#sabores p span#tres').show();
$('#sabores p span#quatro').show();
}
});
});
</script>
esqueci o select os input
<div id="selecao">
<form method="post" name="tamanho" id="exibir">
<p class="p1">Selecione o tamanho da pizza:
<select id="sel-tamanho" name="sel-tamanho">
<option value="0" selected="selected">Escolha:</option>
<option value="1">Brotinho</option>
<option value="2">Pequena</option>
<option value="3">Média</option>
<option value="4">Grande</option>
<option value="5">Maracanã</option>
</select>
</p>
</form>
<div id="sabores">
<p>Selecione quantos sabores:
<span id="um"><input type="radio" name="valor" class="um"><label for="um">1</label></span>
<span id="dois"><input type="radio" name="valor" class="dois"><label for="dois">2</label></span>
<span id="tres"><input type="radio" name="valor" class="tres"><label for="tres">3</label></span>
<span id="quatro"><input type="radio" name="valor" class="quatro"><label for="quatro">4</label></span>
</p>
</div>Carregando comentários...