Cases cochées ou non en Javascript
Yakurena
Messages postés
47
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
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.
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.
A voir également:
- Cases cochées ou non en Javascript
- Grille tombola vierge à imprimer 50 cases - Télécharger - Création musicale
- Javascript arrondi ✓ - Forum Javascript
- Comment faire pôur que les cases execel soit visible en deroulant la page ? - Guide
- Telecharger javascript - Télécharger - Langages
- Comment désactiver le schéma de verrouillage en cas d'oubli - Guide
1 réponse
<!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
