11486 sujets

JavaScript, DOM et API Web HTML5

Comment faire une fonction en javascript contient alert et checkbox

function verif_selection () {

var CB = document.getElementById("209*");
var CBA = document.getElementById("223");
var CBB = document.getElementById("517*");
var CBC = document.getElementById("647");
var CBD = document.getElementById("751");
if(CBA.checked)&&(CBC.checked)&&(CBD.checked){
alert("c'est la bonne reponse!");
}
else {
alert("Désolé continuez à rechercher");
}
}
code html :

<style>
h1 {
color: #FF6699;
}
</style>
</head>
<body>
<form>
<p><h1>Quels sont les nombres premiers parmi ces cinq entiers:</h1><br/>
<input type="checkbox" name="choix" value="229*"/> 209* <br/>
<input type="checkbox" name="choix" value="223" /> 223 <br/>
<input type="checkbox" name="choix" value="517*"/> 517* <br/>
<input type="checkbox" name="choix" value="647"/> 647 <br/>
<input type="checkbox" name="choix" value="751 "/> 751 <br/>
<div>
<input type="submit" value="reponse" onclick="verif_selection()"/>
</div>
</p>
</form>
</body>
Modérateur
JENCAL a écrit :
Tu ne peux pas le faire dans une Alert() JS...


Mais par contre tu peux le faire avec Jquery


nop, jquery pour ça Smiley ohwell
Bien que les codes html et JS soient dégueu, je vais le corriger. 


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form onsubmit="verif_selection()">
        <h1>Quels sont les nombres premiers parmi ces cinq entiers:</h1>
        <input type="checkbox" name="choix" id="_229" value="229*"/> 209* <br/>
        <input type="checkbox" name="choix" id="_223" value="223" /> 223 <br/>
        <input type="checkbox" name="choix" id="_517" value="517*"/> 517* <br/>
        <input type="checkbox" name="choix" id="_647" value="647"/> 647 <br/>
        <input type="checkbox" name="choix" id="_751" value="751 "/> 751 <br/>
        <div>
            <input type="submit" value="reponse"/>
        </div>
    </form>
    <script>
        function verif_selection() {
            var CBA = document.getElementById("_223");
            var CBC = document.getElementById("_647");
            var CBD = document.getElementById("_751");

            if(CBA.checked && CBC.checked && CBD.checked){
                alert("c'est la bonne reponse!");
            }else {
                alert("Désolé continuez à rechercher");
            }
        } 
    </script>
</body>
</html>

Modifié par niuxe (21 Feb 2018 - 13:28)
Ok alors moi j'avais compris que l'op chercher à mettre des checkbox dans une alert. d'où mon lien jquery Smiley langue
Modérateur
JENCAL a écrit :
Ok alors moi j'avais compris que l'op chercher à mettre des checkbox dans une alert. d'où mon lien jquery Smiley langue


Pas de souci Smiley smile Ça m'arrive aussi ce genre de situation (répondre à côté). Parfois, la fin de journée est rude et on a tendance à répondre à côté. Smiley ohwell
Sujet clos
Aller à