Récupérer dans une variable le bouton radio choisi (sans bouton submit)

**kolbyt** · 04/11/2017, 09h37

Bonjour
je souhaite récupérer dans une variable (php) la valeur du bouton radio sélectionné sans avoir de bouton type="submit"
j'arrive avec une fonction a afficher la valeur,
mais pas à l'affecter dans une variable php que je pourrais utiliser dans ma page dans un switch($choixtri) par exemple.

ci dessous mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.champs_label1//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<HEAD>
          <link rel="stylesheet" media="screen" type="text/css" href="./css/style.css">
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Test1.php</title>
          <script src="http://www.javascript/xhtml-external-links.js" type="text/javascript"></script>
    <script>
        function fx_tri(val)
            {   
                document.getElementById("choix_du_tri").value=""+val;
                var valtri = document.getElementById(val)
                var valtri1 = val.target.value
           }
     </script>
</head>
 
<body>
    <div class="corps_page">
        <form method="POST" action="">
            <center>
                <p>
                    <fieldset  style="background-color: black;">
                    <span style="color: red; font-size: 14px ">Choix du tri </span> 
                    <span style="background-color: black;"> 
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color: aqua"> <input type="radio" name="btr_tri" value="1" onclick="fx_tri(1)">Par N° [1->9]</label> 
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color: green"><input type="radio" name="btr_tri" value="2" onclick="fx_tri(2)">Par N° [9->1]</label> 
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color: aqua"> <input type="radio" name="btr_tri" value="3" onclick="fx_tri(3)">Nom [A->Z]</label> 
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color: green"><input type="radio" name="btr_tri" value="4" onclick="fx_tri(4)">Nom [Z->A]</label> 
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color: aqua"> <input type="radio" name="btr_tri" value="5" onclick="fx_tri(5)">Date de cotisation [1->9]</label>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color: green"><input type="radio" name="btr_tri" value="6" onclick="fx_tri(6)">Date de cotisation [9->1]</label> 
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color: aqua"> <input type="radio" name="btr_tri" value="7" onclick="fx_tri(7)">Date d'envoi carte ALBF [1->9]</label> 
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label style="color: green"><input type="radio" name="btr_tri" value="8" onclick="fx_tri(8)">Date d'envoi carte ALBF [9->1]</label>
                    </span>
                </fieldset>
                </p>
        </form>
 
        <?php
                    echo 'Tri choisi :  <input id="choix_du_tri"> <br/> ';
        ?>
    </div>
    </center>
</body>
</html>

ou comment transformer <input id="choix_du_tri"> en variable PHP?

merci d'avance pour votre aide et vos conseils.
cdt

**sabotage** · 04/11/2017, 20h49

Quelle est la motivation à ne pas avoir de bouton submit ?

Invité · 04/11/2017, 21h16

Bonjour,

PHP agit avant l'affichage, côté serveur.
JavaScript, après, côté client.

Donc 2 solutions :

Recharger la page, après un submit
Utiliser Ajax, qui appelle un script PHP externe

**kolbyt** · 05/11/2017, 06h29

Bonjour jreaux62
merci de intéresser à mon souci,

j'ai fait une recherche avec "gogole" et je m'y perd
aurais tu un exemple de l'utilisation Ajax avec un script PHP externe ou un lien stp
je suis un autodidacte débutant
merci d'avance
cdt

Invité · 05/11/2017, 07h26

Bonjour,

(tout en haut, à droite)

**kolbyt** · 05/11/2017, 05h53

Bonjour sabotage
merci de intéresser à mon souci,

le bouton submit ne sert qu'à valider le choix de tri
et donc je me suis dit que ce serait bien de pouvoir trier selon son choix en sélectionnant seulement le bouton radio

Récupérer dans une variable le bouton radio choisi (sans bouton submit)

AJAX

Vue hybride

Discussions similaires

Partager

Partager