lundi 20 février 2017

Como utilizar If Else statements corretamente

Olá, estou começando no javascript e não consigo resolver/entender meu problema com if else.

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");


// Condições

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?




Aucun commentaire:

Enregistrer un commentaire