Tenho os seguintes 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>
e preciso compará-los de acordo com o que o usuário escolher:
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');
}
}
O problema é que quando executo a função, as condições entram em conflito, me retornam dois resultados ou não retornam nada. Qual seria a maneira correta de fazer isso?