Un peu de javascript

0z0z Messages postés 108 Date d'inscription Statut Membre Dernière intervention -
creadiff Messages postés 445 Date d'inscription Statut Membre Dernière intervention - 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>";
?>

A voir également:

Un peu de javascript
Telecharger javascript - Télécharger - Langages
A javascript error occurred in the main process - Forum Windows
A javaScript error occurred in the main process - Forum Handicap / Accessibilté
Erreur #125 javascript - Forum Mozilla Firefox
Javascript arrondi - Forum Javascript

1 réponse

Réponse 1 / 1

creadiff Messages postés 445 Date d'inscription Statut Membre Dernière intervention 57

...
<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à !

Discussions similaires

java script error in the main process

Javascript Arrondi à 2 chiffres après la virgule

javascript:void(0);

Faire un echo dans un script JS

afficher un tableau JS en HTML

Votre réponse

Discussions similaires