Cases cochées ou non en Javascript

Fermé
Yakurena Messages postés 47 Date d'inscription samedi 27 mars 2004 Statut Membre Dernière intervention 1 juillet 2007 - 18 juin 2005 à 18:16
 Utilisateur anonyme - 24 juin 2005 à 14:50
Bonjour,
Je réalise une page dynamique en JSP qui contient un formulaire; dans cette page,j'effectue une requête sur une base de données,pour recupérer tous les t-uples d'une table. J'affiche chaque resultat de cette requête dans une case à cocher(par défaut non cochée). Or,il faut que,lors de la validation du formulaire,au moins une des cases soit cochée. J'aimerais pouvoir vérifier ça par une fonction Javascript. Le problème est qu'il n'y a pas toujours le même nombre de cases à cocher(ça depend du nombre de -t-uples dans la table où on fait la requête), et que les cases à cocher ne sont pas "indicées" (elles portent toutes un nom différent,contrairement aux boutons radio qui forment un tableau).J'aimerais donc savoir s'il est possible de faire ce test dynamiquement ( cad pour un nombre variable de cases à cocher) avec une fonction Javascript.
Merci d'avance.

1 réponse

Utilisateur anonyme
24 juin 2005 à 14:50

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
body{
font-family: Verdana, Arial, Times;
color: #eeeeff;
}
table{
background-color: #8888ff;
}
th{
color: #eeeeff;
}
h2{
color: #8888ff;
}
h5{
font-style: italic;
}
</style>
<script type="text/javascript" language="javascript">
var checkboxesToControl = new Array(3);
checkboxesToControl[0]="pizza";
checkboxesToControl[1]="lasagne";
checkboxesToControl[2]="spaghetti";

function checkForm(){
var checked = false;
for(i=0 ; i<checkboxesToControl.length ; i++){
var cb = document.all(checkboxesToControl[i]);
if(cb.checked){
checked=true;
break;
}
}
if(checked==true){
document.forms['myForm'].submit();
}else{
alert('Vous devez cocher au moins une case');
}
}
</script>
</head>

<body>
<center>
<h2>Contrôle de formulaire (checkboxes)<h2>
<h5>par HackTrack - 24 juin 2005</h5>

<form name="myForm" method="get" action="http://www.anURL.com">
<table>
<tr>
<th colspan = "2">
Bon de commande
</th>
</tr>
<tr>
<td>
<input type="checkbox" name="pizza" />
</td>
<td>
Pizza
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="lasagne" />
</td>
<td>
Lasagne
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="spaghetti" />
</td>
<td>
Spaghetti
</td>
</tr>
<tr>
<td colspan="2">
<button type="button" onclick="checkForm();">Envoyer la commande</button>  <input type="reset" value="Effacer"/>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>



;-)
HackTrack
0