Un peu de javascript

Fermé
0z0z Messages postés 108 Date d'inscription mardi 9 février 2010 Statut Membre Dernière intervention 18 mai 2010 - 29 mars 2010 à 15:45
creadiff Messages postés 445 Date d'inscription samedi 3 avril 2010 Statut Membre Dernière intervention 3 novembre 2011 - 3 avril 2010 à 11:00
Bonjour,

Je suis débutante en javascript et j'ai un peu de mal pour récupérer les valeurs, c'est pourquoi je sollicite votre aide.
Voila je travaille sur un site internet en PHP. Dans un tableau j'ai des valeurs récupéré de ma bdd. La liste des produits d'un facture pour être plus précise.
J'ai des checkbox devant chaque ligne, et un autre checkbox qui me permet de sélectionner tous les produits. A côté des checkbox j'ai une zone de texte dans laquelle ej voudrais qu'il s'affiche la quantité, en même temps que se coche les checkbox.

Quelqu'un serait comment faire ca ?
Si ca n'est pas claire je peux rééxpliquer.



Voici mon code javascript :
<script language="javascript">
function toutcocher(){
	for(i=0;i<document.F1.length;i++){
		if(document.F1.elements[i].type=="checkbox"){
			document.F1.elements[i].checked=true;
		}
	}	
}
</script>


Et voici mon tableau :

<?php $result = mysql_query("SELECT d.ref,d.code_article,d.quantite,d.prix_unitaire_ttc FROM catalogues_commandes_details d
			LEFT JOIN catalogues_commandes c ON c.ref=d.ref_commande
			WHERE c.numero_piece=$numero_piece_nld AND c.type='Facture' ORDER BY d.ref"); // requete pour recuperer chaque produit ainsi que ses caracteristiques

		echo "<form name='F1' action='avoir_partiel3.php' method='post'>";
			echo "<table border=1 align=center/>"; // creation d'un tableau pour afficher les differents produits
				echo "<tr>";
					echo "<th>Créer un avoir</th>";
					echo "<th>Référence</th>";
					echo "<th>Code Article</th>";
					echo "<th>Quantite</th>";
					echo "<th>Prix Unitaire TTC</th>";
        		echo "</tr>";
        		echo "<tr>";
 					echo "<td>";
   						echo "<input type='checkbox' onclick='toutcocher()'>Tout cocher ";
   					echo "</td>";
   				echo "</tr>";
				$i=0;
				while ($produit = mysql_fetch_assoc($result)) {
					echo "<tr>";
						echo "<td>";
							//echo "<input type='checkbox' name='produit[$i]'>";
							echo "<input type='checkbox' name='produit[]' value='".$produit['ref']."'>";
							echo "<input type='text' name='qte' size='2'>";
						echo "</td>";
						echo "<td>";
							echo $produit['ref'];
						echo "</td>";
						echo "<td>";
							echo $produit['code_article'];
						echo "</td>";
						echo "<td>";
							echo $produit['quantite'];
						echo "</td>";
						echo "<td>";
							echo $produit['prix_unitaire_ttc'];
						echo "</td>";
					echo "</tr>";
					$i++;
				}
			echo "</table>.</br>";
		echo "<input type='submit' name='valider' value='Valider'>";
		echo "</form>";
?>


1 réponse

creadiff Messages postés 445 Date d'inscription samedi 3 avril 2010 Statut Membre Dernière intervention 3 novembre 2011 57
3 avril 2010 à 11:00
...
<script language="javascript">
function init() {
	for(var i=0;i<document.F1.length;i++){
		if(document.F1.elements[i].type=="checkbox"){
			document.F1.elements[i].onclick = somme;
		}
	}
}
function somme() {
	var s = 0;
	for(var i=0;i<document.F1.length;i++){
		if(document.F1.elements[i].type=="checkbox"){
			s += document.F1.elements[i].checked ? 1 : 0;
		}
	}
	document.F1.qte.value = s;
}

function toutcocher(){
	for(var i=0;i<document.F1.length;i++){
		if(document.F1.elements[i].type=="checkbox"){
			document.F1.elements[i].checked=true;
		}
	}	
}
</script>
...
...
<body onload="init();">
...
...


Et voilà !
0