Récupérer une variable de plusieurs boutons selectionnés

Bonjour,

J'ai plusieurs boutons qui me permettent de modifier l’affichage de ma page

Code:

1
2
3
4
5
 
<input type="button" name="Type" class="btn active" value="Expedition" id="Expedition" onclick="changeClass(this.id);">	
<input type="button" name="Type" class="btn" value="Reception" id="Reception" onclick="changeClass(this.id);">
<input type="button" name="Type" class="btn" value="Technique" id="Technique" onclick="changeClass(this.id);">
<input type="button" name="Type" class="btn" value="Camion interne" id="Interne" onclick="changeClass(this.id);">

L'affichage se modifie grace à un script javascript (dont voici une partie du code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
function changeClass(id){
	switch(id){
		case 'Expedition':
			//on allume le bouton et on efface les autres
			var current = document.getElementsByClassName("active");
			current[0].className = current[0].className.replace(" active", "");
		    document.getElementById("Expedition").className += " active";
 
			document.getElementById("type_ID").innerHTML = " E";
 
			document.getElementById("Hrdv").style.display='table-row';
			document.getElementById("NumSof").style.display='table-row';
			document.getElementById("table2").style.display='table-cell';
			document.getElementById("table3").style.display='none';
			document.getElementById("DateDeb").style.display='none';
			document.getElementById("DateFin").style.display='none';
		break;
		case 'Reception':
			//on allume le bouton et on efface les autres
			var current = document.getElementsByClassName("active");
			current[0].className = current[0].className.replace(" active", "");
			document.getElementById("Reception").className += " active";
 
			document.getElementById("type_ID").innerHTML = " R";
 
			document.getElementById("table1").style.width='90%';
			document.getElementById("Hrdv").style.display='table-row';
			document.getElementById("NumSof").style.display='table-row';
			document.getElementById("table2").style.display='table-cell';
			document.getElementById("table3").style.display='none';
			document.getElementById("DateDeb").style.display='none';
			document.getElementById("DateFin").style.display='none';
		break;

Cela fonctionne tres bien. et j'ai en fin de formulaire un input de type submit me permettant d'executer un script php pour récupérer les valeurs des différents champs du formulaire

La où je coince c'est pour récupérer en php la valeur du bouton sélectionné precedement pour l'attribuer à un variable php $Type

J'espere avoir été clair, d'avance merci

Tu peux faire comme suit.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<?php
if (isset($_POST['envoi'])) {
 if (isset($_POST['Type'])) print $_POST['Type'];
}
?>
<script>
function changeClass(objet){
 document.getElementById('Type').value = objet.value;
 // .... reste de ta fonction avec objet.id à la place de id.
}
</script>
<form method="post">
<input type="hidden" name="Type" id="Type" value=""/>
<input type="button" class="btn active" value="Expedition" id="Expedition" onclick="changeClass(this);"> 
<input type="button" class="btn" value="Reception" id="Reception" onclick="changeClass(this);">
<input type="button" class="btn" value="Technique" id="Technique" onclick="changeClass(this);">
<input type="button" class="btn" value="Camion interne" id="Interne" onclick="changeClass(this);">
<br/>
<input type="submit" value="Envoi" name="envoi"/>
</form>

ça ne serait pas plus simple d'utiliser des cases à cocher ?

@celira oui plus simple mais moins esthetique
@Badaze, impeccable cela fonctionne exactement comme je souhaite

Merci à vous 2