-1
votes

Comment afficher des zones d'alerte si une case à cocher est cochée à l'aide de JavaScript?

J'ai besoin d'afficher une boîte d'alerte lorsque l'une des options est cochée J'utilise le code suivant.

function validacion(){
  if (document.getElementById('op1').checked) {
      var x61=document.getElementById('op1').value;
} else {
    var x61="";
}

  alert(" Me gusta : " +x61 );
}


3 commentaires

Placez l'alerte à l'intérieur du si


Ce JavaScript est parfait mais pour alerte, vous devez mettre la méthode d'alerte à l'intérieur si la condition et vous devez écrire HTML pour cases à cocher avec ONCHANGE Event


Comme il se trouve maintenant l'alerte ("Me Gusta:" + x61) "Toujours" réagit comme alerte ("Me Gusta:" + document.getelementByID ('op1'). Valeur) Lorsque Validacion () est appelé. Si vous n'obtenez pas une alerte, vous n'appelez pas la fonction. Qu'essayez-vous exactement de faire parce que la déclaration IF semble superflu et n'est pas expliquée par votre question.


3 Réponses :


1
votes

Fumez la fonction sur l'événement code> ONCHANGE code> de la case

p>

<input type="checkbox" onchange="validacion()" id="op1" value="abcd">


0 commentaires

0
votes

Vous devez surveiller la case à cocher pour modifier la valeur et appeler la fonction validacion () code>.

Sinon, la fonction ne sera pas appelée et rien n'arrivera. P >

Il existe 2 façons majeures d'ajouter un auditeur d'événements. P>

1. Ajoutez l'auditeur en ligne avec l'élément HTML H1>

p>

<label>
  <input type="checkbox" id="op1" value="op1_value">
  op1
</label>


0 commentaires

0
votes

Vous pouvez généraliser la fonction pour toutes les cases à cocher.

JavaScript: p> xxx pré>

hyml: p> xxx pré>

Alternative: strong> p>

Vous pouvez également utiliser AddeventListener () code>. p>

JavaScript: p>

function validation(e){
    if(e.target.checked){
        var x61 = e.target.value;
    }
    else {
        var x61 = "";
    }

    alert("Me gusta : " + x61);
}

document.getElementById("idOfYourCheckbox").addEventListener("change", validation);


0 commentaires