Test case à cocher Javascript
Résolu/Fermé
gloutonbargeot
Messages postés
349
Date d'inscription
vendredi 24 juin 2011
Statut
Membre
Dernière intervention
15 novembre 2016
-
2 août 2012 à 09:43
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 11 mars 2013 à 21:25
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 11 mars 2013 à 21:25
A voir également:
- Test case à cocher Javascript
- Test performance pc - Guide
- Test composant pc - Guide
- Redmi note 13 5g test - Guide
- Telecharger javascript - Télécharger - Langages
- Test performance pc gratuit - Guide
2 réponses
@lobotomix:~# rm -rf *\
Messages postés
1392
Date d'inscription
dimanche 1 juillet 2012
Statut
Membre
Dernière intervention
14 décembre 2012
208
2 août 2012 à 16:31
2 août 2012 à 16:31
Bonjour je suis débutant en javascript et ça ma fait un bonne exercise
voila la solution que j'ai trouver pour compter le nombre de case coché:
voila la solution que j'ai trouver pour compter le nombre de case coché:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
</head>
<body>
<form id="form">
<input id="jour1" name="jour1" type="checkbox">
Lundi
<input id="jour2" name="jour2" type="checkbox">
Mardi
<input id="jour3" name="jour3" type="checkbox">
Mercredi
<input id="jour4" name="jour4" type="checkbox">
Jeudi
<input id="jour5" name="jour5" type="checkbox">
Vendredi
<input id="jour6" name="jour6" type="checkbox">
Samedi
<input id="jour7" name="jour7" type="checkbox">
Dimanche
<input type="submit" value="submit" />
</form>
<script type="text/javascript">
var inputs = document.getElementsByTagName('input');
var form = document.getElementById("form");
function test() {
var c = inputs.length;
var n = 0;
for(var i = 1; i < c; i++) {
if(inputs[i].type == 'checkbox' && inputs[i].checked) {
n++
}
}
alert(n);
}
form.addEventListener('submit', function(e) {
test();
e.preventDefault();
}, true);
</script>
</body>
</html>
Alain_42
Messages postés
5361
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
894
11 mars 2013 à 21:25
11 mars 2013 à 21:25
une solution:
par contre le positionnement de tes div est surprenant
par contre le positionnement de tes div est surprenant
<script type="text/javascript">
function afficher_liste(){
//parcourir tous les input =>array
var inputs = document.getElementsByTagName('input');
for(var i = 1; i < inputs.length; i++) {
//rechercher les checkbox cochés
if(inputs[i].type == 'checkbox' && inputs[i].checked) {
var n = inputs[i].value;
document.getElementById("hidden"+n).style.display = "block"
}
}
}
</script>
<style type="text/css">
#hidden5 { display: none; }
#hidden4 { display: none; }
#hidden3 { display: none; }
#hidden2 { display: none; }
</style>
<p> Vous pouvez sélectionner jusqu'à 5 symptômes avec un minimum de 2. Veuillez choisir le nombre de symptômes dont le patient souffre. Ces symptômes sont regroupés par zone du corps. </p>
<label>2<input type="radio" name="choix" value="2" onclick="afficher_liste();" /></label>
<label> 3 <input type="radio" name="choix" value="3" onclick="afficher_liste();" /></label>
<label>4<input type="radio" name="choix" value="4" onclick="afficher_liste();" /></label>
<label> 5 <input type="radio" name="choix" value="5" onclick="afficher_liste();" /></label>
2 août 2012 à 16:33