Formulaire utilisant les cases à cocher
Les cases à cocher permettent des réponses multiples.
Cochez toutes les réponses vraies:
Le code suivant figure dans le corps du document :
<form id = 'form_test_id'>
Cochez toutes les réponses vraies:<br>
<br>
<label><input type="checkbox"> Ce questionnaire est génial</label><br>
<br>
<label><input type="checkbox"> C'est bien vrai</label><br>
<br>
<label><input type="checkbox"> C'est nul</label><br>
<br>
<input type= 'button' value= "Validation" onclick= 'result(1, 1, 0);'><!-- 1 fror true, 0 for false -->
<input type= 'reset' value= "Recommencer" onclick= 'replay();'>
</form>
Le code suivant figure en bas de page :
<script type="text/javascript">
/*
elements [i] designates each box of the form in the order of their creation
checked contains true (or 1) if the corresponding box is checked;
the function accepts any number of arguments
*/
/* these constants must be initialized after the page is displayed */
const form_test= document.getElementById('form_test_id');
function result() {
var count= 0;
for (i=0; i < arguments.length; i++) {
if (arguments[i]==1) { count= count + form_test.elements[i].checked; }
else { count= count + (! (form_test.elements[i].checked)); }
}
window.alert('vous avez ' + count + ' r\xE9ponse(s) bonnes sur ' + arguments.length);
}
</script>
Il est possible d'afficher le résultat dans le corps du document ou dans une boite d'alerte. Il est à noter que le traitement du formulaire repose sur l'analyse de l'attribut checked. Au contraire si les données étaient envoyées il serait nécessaire de préciser un nom et une valeur pour chaque case à cocher.
Adresse de cette page: http://www.didac-tic.fr/web/javascript/box.php