[Dev web] Quel script utiliser ?

[N0ur]

Salut,je suis entrain de faire un site qui permet de calculer les amendes. ( mod rp d'un jeu )
Je voudrais que le site fasse la somme de toutes les cases choisies .
Mais je ne sais pas quel script faut-il utiliser ?
Quelqu'un peut me guider ?

J'aimerais de plus que l'utilisateur puisse choisir le montant dans une case et l'ajouter dans le total (si c'est possible ) pour l'amende "Vitesse excessive" .

Merci d'avance

<table>
            
                <tr>
                    <th> Véhicules terrestres </th>
                    <th> Stationnement interdit et/ou génant </th>
                    <th> 10 000€ </th>
                    <th> <INPUT TYPE="checkbox"   data-prix="10000" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Défaut d'éclairage </th>
                    <th> 5 000€ </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="5000" > </th>
                </tr>
                    
                <tr>
                    <th> </th>
                    <th> Dégradation de bien publics </th>
                    <th> 10 000€ </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="10000" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Conduite en offroad </th>
                    <th> 20 000€ </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="20000" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Véhicule non conforme </th>
                    <th>7 500€ + saisi du véhicule </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="7500" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Conduite sans permis </th>
                    <th> 40 000€ + saisi du véhicule </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="40000" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Conduite d'un karting (hors circuit) </th>
                    <th> 25 000€ + mise en fourrière du kart </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="25000" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Excès de vitesse inférieur à 10 km/h </th>
                    <th> Simple avertissement </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="0" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Excès de vitesse entre 10km/h et 50 km/h </th>
                    <th> 8 000€ par tranche de 10 km/h </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="8000" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Excès de vitesse supérieur à 50 km/h </th>
                    <th> 10 000€ par tranche de 10km/h </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="10000" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Vitesse excèssive </th>
                    <th> 10 000€ à 65 000€ (en fonction des circonstances) </th> 
                    <th> <INPUT TYPE="text" NAME="pu38"  SIZE=5  > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Non respect de la signalisation</th>
                    <th> 5 500€ + saisi du véhicule </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="5500" > </th>
                </tr>
                
                <tr>
                    <th> </th>
                    <th> Refus d'obtempérer </th>
                    <th>60 000€ </th> 
                    <th> <INPUT TYPE="checkbox"   data-prix="60000" > </th>
                </tr>
            
            </table>
                
                                
            <p> Total  :  <th> <INPUT TYPE="text" NAME="pu38"  SIZE=5  disabled > </p>

-----

[Ikhar84]

1. Pour calculer le total, pas 36 solutions, le plus simple javascript.
2. Pour pouvoir traiter ça en renvoyant le formulaire vers le serveur (en l'état même si on ajoute un bouton submit, il ne se passe rien), ben il faut mettre tout ça entre les balises <form> et ajouter un bouton de validation (submit):

<form method=post action=page_qui_va_traiter_ca>
    ... ton code...
    <input type=submit value=envoyer>
</form>

Edit: ne pas envoyer le total dans le formulaire, il est facilement calculable et pourrait être modifié à la main avant la validation du formulaire...

[N0ur]

function compter() {            var somme = 0;            var checks = document.forms["superForm"].getElementsByTagName("INPUT");            for (var i = 0, iMax = checks.length; i < iMax; ++i) {                if ((checks[i].type == "checkbox") && checks[i].checked) {                    somme += 1 * checks[i].value;                }            }            document.getElementById("affichage").innerHTML = somme;			        }

J'ai réussi à faire la some des checkboxMais au fur à mesure je suis tombé sur un problème.Je souheterai cocher la cache ( qui affiche 8000 ) en multipliant 8000 par la valeur attribué à la vitesse dépassé.Donc si > 10= 8000*1> 20= 8000*2>30= 8000*3>40= 8000*4>50= 8000*5code html

[TR]
					 					 Excès de vitesse entre 10km/h et 50 km/h 					 8 000€ par tranche de 10 km/h  					    					 0km/h     					 10km/h                          					 20km/h 					 30km/h 					 40km/h  					 50km/h 										 									[/TR]

[N0ur]

J'ai réussi à faire la some des checkbox
Mais au fur à mesure je suis tombé sur un problème.

Le code JS

function compter() {
            var somme = 0;
            var checks = document.forms["superForm"].getElementsByTagName("INPUT");
            for (var i = 0, iMax = checks.length; i < iMax; ++i) {
                if ((checks[i].type == "checkbox") && checks[i].checked) {
                    somme += 1 * checks[i].value;
                }
            }
            document.getElementById("affichage").innerHTML = somme;
			
        }

J'ai réussi à faire la some des checkbox
Mais au fur à mesure je suis tombé sur un problème.



Je souheterai cocher la cache ( qui affiche 8000 ) en multipliant 8000 par la valeur attribué à la vitesse dépassé.

Donc si > 10= 8000*1

- > 20= 8000*2
- > 30= 8000*3
- > 40= 8000*4
- > 50= 8000*5


Le code HTML

<tr>
					<th> </th>
					<th> Excès de vitesse entre 10km/h et 50 km/h </th>
					<th> 8 000€ par tranche de 10 km/h </th> 
					<th> <input type="checkbox" onclick="compter()" value="8000"/>  <select> 
					<option value="0"> 0km/h  </option>   
					<option value="1"> 10km/h </option>                         
					<option value="2"> 20km/h </option>
					<option value="3"> 30km/h </option>
					<option value="4"> 40km/h </option> 
					<option value="5"> 50km/h </option>
					</th>
					</select> </th>
					
				</tr>

[A voir en vidéo sur Futura]