Bom dia, estou a tentar fazer um sistema de rating de estrelas com javascript mas não estou a conseguir retirar um valor apartir da escolha do menu de radio buttons. O botão Add serve para adicionar o valor que cada radio button tem ao texto do input readonly que está à direita mas com o meu código o output é apenas undefined.
Este é o meu layout, tem 5 radio buttons juntamente com 5 labels editadas em CSS para ficarem com este aspeto:
Ainda sou muito novato no Javascript por isso se descobrirem código desnecessário no meu script ficarei feliz pela ajuda, este é o script:
var estrelas;
var estrela5 = document.getElementById('star5').value;
var estrela4 = document.getElementById('star4').value;
var estrela3 = document.getElementById('star3').value;
var estrela2 = document.getElementById('star2').value;
var estrela1 = document.getElementById('star1').value;
if (document.getElementById('star5').click()) {
estrelas.value = estrela5;
}
if (document.getElementById('star4').click()) {
estrelas.value = estrela4;
}
if (document.getElementById('star3').click()) {
estrelas.value = estrela3;
}
if (document.getElementById('star2').click()) {
estrelas.value = estrela2;
}
if (document.getElementById('star1').click()) {
estrelas.value = estrela1;
}
function setValue() {
if (input2.value == '' || input2.value == null) {
input2.value = estrelas;
}
};
Este é o meu código do menu de radio buttons HTML:
<input type="radio" id="star5" name="rate" value="5" />
<label for="star5" title="5 Stars">5 stars</label>
<input type="radio" id="star4" name="rate" value="4" />
<label for="star4" title="4 Stars">4 stars</label>
<input type="radio" id="star3" name="rate" value="3" />
<label for="star3" title="3 Stars">3 stars</label>
<input type="radio" id="star2" name="rate" value="2" />
<label for="star2" title="2 Stars">2 stars</label>
<input type="radio" id="star1" name="rate" value="1" />
<label for="star1" title="1 Star">1 star</label>
if
, começando por "star1" até "star5", vais ter ao final o maior valor, o que já resolveria o seu problema, só falta verificar se está selecionado,ou seja, se está "checked"