I have the following checkboxes :
<input type="checkbox" class="check" id="livros" value="livros"/>
<input type="checkbox" class="check" id="folhas" value="folhas"/>
<input type="checkbox" class="check" id="porta" value="porta"/>
<a href="#" class="botao" onclick="Avaliar_checkbox()">Avaliar</a>
I need to compare them according to what the user chooses:
function Avaliar_checkbox() {
// Variáveis
var livros = document.getElementById("livros");
var folhas = document.getElementById("folhas");
var porta = document.getElementById("porta");
// Variáveis
if (livros.checked) {
alert('livros');
}
if (folhas.checked) {
alert('folhas');
}
if (porta.checked) {
alert('porta');
}
if (livros.checked && porta.checked) {
alert('Livros e Porta');
}
if (livros.checked && folhas.checked && porta.checked) {
alert('Livros, folhas e porta');
}
}
The problem is that when I run the function, conditions conflict, I get two results, or they do not return anything. What would be the right way to do this?