Estou tentando pegar o valor do input radio
, mas se faço:
document.querySelector('input[name="group1"]:checked').value;
Ele me retorna "ON". Alguém sabe o que pode ser? Esperava que ele me retornasse Red
, Yellow
ou Green
.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="modal6" class="modal">
<div class="modal-content">
<h4>Escolha uma categória</h4>
<form action="#" id="form">
<p>
<input class="with-gap" name="group1" type="radio" id="test1" />
<label for="test1">Red</label>
</p>
<p>
<input class="with-gap" name="group1" type="radio" id="test2" />
<label for="test2">Yellow</label>
</p>
<p>
<input class="with-gap" name="group1" type="radio" id="test3" />
<label for="test3">Green</label>
</p>
</form>
<a class="waves-effect waves-light btn btn-confirmar" style="width: 80%; margin: 25px 10% 25px 10%;">confirmar</a>
</div>
</div>
<script type="text/javascript">
$(".btn-confirmar").click(function(){
var teste = $('input[name="group1"]:checked').val();
alert(teste);
});
</script>
input
e não doLabel
onde está o seu Red, Yellow... A dica é essa, qualquer coisa dá um toque que tento te passar um código funcionando isso.