Estou precisando fazer um questionário de perguntas simples e respostas de multipla escolha, neste caso escolhi o radio button...
No meu PHP estou recebendo os posts e já estou fazendo as verificação das respostas com if
. O meu problema é, no layout não existe aquela bolinha do radio button... ele simplesmente pega através do for
mas não sei o que esta acontecendo que não esta funcionando.
Até o momento ele está desta forma:
E é para estar desta forma:
E meu código é este:
-HTML
<div class="block_question1">
<ul>
<li id="pg1_q1">
<input name="acerto1" value="acerto1" type="radio" class="selecionar">
<label for="acerto1">Red</label>
</li>
<li id="pg1_q2">
<input name="acerto12" type="radio">
<label for="">yellow</label>
</li>
</ul>
<ul>
<li id="pg1_q3">
<input name="acerto1" type="radio">
<label for="">Blue</label>
</li>
<li id="pg1_q4">
<input name="acerto1" type="radio">
<label for="">Green</label>
</li>
</ul>
</div>
-JS
$('#perguntas-1 #pg1_q1').click(function () {
$('.block_question1 #pg1_q1').toggleClass('active_answers');
$("#pg1_q1 .selecionar").css({"visibility":"hidden"});
});
Em resumo, quero que clique na div do buttao e o value seja inserido para que o php reconheça o post
obs: Seu eu clico no radio button ele funciona... se eu clico na div que forma o botao ele não aplica o value
input:radio
ao clicar nadiv
ou no elementoli
? Por que você já não atribui o valor aoinput
?li
ou nadiv
? E depois de clocar vc quer que oRadio
fique como o atributoChecked
é isso?visibility:hidden
o value para de funcionar...