Récupérer la value d'une checkbox

[Agrepe]

Bonjour,
Je cherche à récupérer le value d'une checkbox pour aliment un input de type text.

Voici ce que j'ai fait:

<form>
<input type="checkbox" id="invit" name="invit" value="<?php echo $idusername;?> ">
<!-- Si checkbox est ok envoyer le value dans l'input "class="participants textboxlist-textField" du formulaire ci dessous -->
</form>

 <form data-group-invite-form method="post" action="<?php echo JRoute::_('index.php');?>">                      
       <input type="text" class="participants textboxlist-textField" />
       ... etc ...
  </form>

Quelqu'un saurait-il comment je peux faire ?

Bien cordialement.

Eric

[manu93fr]

Agrepe habitue toi a poster dans la bonne section du forum .... car une question de développement en section "questions générales" ... ça le fait moyen
J'ai déplacé ton post dans le bonne section (ne n'est pas la 1ere fois !)

[Agrepe]

Bonsoir,
Toutes mes excuses.
Je sais bien, mais j'avais l'impression que les posts dans cette section n'étaient pas vus.
Je suis désolé, je ne voulais pas faire mal.
Cordialement.
Eric

[manu93fr]

Disons qu'il y a moins de dev par ici que d'utilisateur lambda ... c'est sur .. mais c'est pas parce que c'est plus vu que tu auras plus de réponses des utilisateurs non dev

[garstud]

Bonjour Agrepe, en fait ta demande n'est pas suffisamment détaillée. On ne sait pas si tu veux faire ca "à la volée" quand on clique sur la checkbox ou si c'est suite a l'envoi du form sur le serveur ?

[cavo789]

Salut

Perso j'ai compris que tout se passait en javascript côté utilisateur donc. Dans ce cas zéro php juste du js. Et cela semble assez simple à faire avec jquery (et là Google est un chouette copain)

[Agrepe]

Bonsoir,
Oui, effectivement je vais forcément faire en JS, puisque c'est "à la volée", tout cela se passe dans un foreach.

<?php
        foreach ($friends as $element) {
            {
            $iduser =  $element->id;
            $idusername =  $element->username;                
            $fid=ES::user($iduser);
            }
        ?>                    

        <form>            
            <div>
        <div style="float:left;height:80px;width:100%;border-bottom:solid 1px #d2d2d2">
        <div style="margin:10px;float:left;width:64px;border-radius:50%"><?php echo '<img src="' . $fid->getAvatar() . '" />'; ?> </div>
        <div style="color:#000;font-weight:700;margin:5px 0px"><?php echo $idusername;?> </div>
        <div><?php echo $fid->getFieldValue('gender');?> </div>    
        <div style="float:left;color:#9e9e9e;"><?php echo $fid->getFieldValue('ADDRESS');?> </div>

                <!-- Récupérer ici le username -->
                <div style="margin-left:90%";>
                <input type="checkbox" id="invit" name="invit" value="<?php echo $idusername;?> ">
                <!-- Si checkbox est ok envoyer le value dans l'input class="participants textboxlist-textField" du formulaire ci dessous -->

                </div>
            </div>
        </div>
        </form>
        <?php } ?>  

<form data-group-invite-form method="post" action="<?php echo JRoute::_('index.php');?>">                      
       <input type="text" class="participants textboxlist-textField" />
       ... etc ...
  </form>

Je cherche sur Google.

Cordialement.

Eric

[cavo789]

Bonsoir

As-tu vu que tu écris ton <form> dans le foreach ? Tu auras donc autant de formulaire que d'éléments dans $friends. (perso, s'il ne me faut qu'un seul formulaire, je ne vais pas en créer plus d'un)

Premier lien Google : jquery checkbox state => https://stackoverflow.com/questions/...eck-box-jquery

Maintenant, cela veut donc dire, du fait du JS : que tu vas faire cela sur le frontend, à l'utilisation du formulaire.

Dans ton premier message tu parles d'initialiser. Si c'est lors de la construction du formulaire, là, c'est en PHP qu'il faut le faire. Tu connais la valeur de la checkbox vu que tu l'initialises en PHP et donc tu sais comment initialiser ton textbox; toujours en PHP.

Je dois devenir un vieux programmeur... pour moi une checkbox : c'est oui ou non, cochée ou pas cochée et donc, la valeur, c'est 1 ou 0. Toi, tu mets l'ID de l'utilisateur. On n'est donc plus en booléen. Est-ce que cela fonctionne ainsi ? Ben, ma foi, je ne sais pas trop... Checked / Unchecked est un statut et peut-être ID peut donc être différent de 1 ou 0. (et c'est là que tu te rencontres que tu programmes depuis plus de 20 ans, que tu as appris avec l'assembleur PC et qu'il t'est resté un conditionnement typique du programmeur ayant de la bouteille).

Pour envoyer autre chose, peut-être aurais-je utilisé un data-attribute (data-id=$idusername)...

[Agrepe]

Bonjour Cavo789,
Pour la formulaire, je l'ai mis dans le foreach à l'intérieur car je veux faire une liste des users et chacun d'entre eux doit avoir la case à cocher.
J'ai fait un petit bout de script pour, il ne fonctionne que quand je coche la case du premièr élément de ma liste et me renvoi le username du dernier élément de la liste !

J'ai carrément enlevé les balises <form> </form>

    <?php
        foreach ($friends as $element) {
            {
            $iduser =  $element->id;
            $idusername =  $element->username;                
            $fid=ES::user($iduser);
            }
        ?>                    

        <div>
        <div style="float:left;height:80px;width:100%;border-bottom:solid 1px #d2d2d2">
        <div style="margin:10px;float:left;width:64px;border-radius:50%"><?php echo '<img src="' . $fid->getAvatar() . '" />'; ?> </div>
        <div style="color:#000;font-weight:700;margin:5px 0px"><?php echo $idusername;?> </div>
        <div><?php echo $fid->getFieldValue('gender');?> </div>    
        <div style="float:left;color:#9e9e9e;"><?php echo $fid->getFieldValue('ADDRESS');?> </div>

                <div style="margin-left:90%";>
                <input type="checkbox" id="invit" name="invit" value="<?php echo $idusername;?> ">
                <!-- Si checkbox est ok envoyer le value dans l'input "class="participants textboxlist-textField"" du formulaire ci dessous -->

                </div>
            </div>
        </div>

<script type="text/javascript">
var element = document.getElementById('invit');
element.onclick = function(){
    if($('#invit').is(':checked')){
        alert("<?php echo $idusername;?>");
    }
    /*
    else {
        alert("");
    }
    */
}
</script>

<?php
/*
$UserName = "<script>document.write(NameUser);</script>";
echo $UserName;
*/
?>        
        <?php } ?>

En pièce jointe, je mets à quoi ressemble la liste.

Cordialement.


Eric

[cavo789]

Salut

Pour la formulaire, je l'ai mis dans le foreach à l'intérieur car je veux faire une liste des users et chacun d'entre eux doit avoir la case à cocher.

Donc une case = un formulaire ?

Tu peux parfaitement avoir un seul formulaire et 1.000 cases. C'est le principe des listes dans le backend de Joomla.

Est-ce un problème d'avoir 1.000 formulaire pour 1.000 cases ? Non mais en programmant un Submit du formulaire p.ex. c'est donc juste ce formulaire-là (un parmi les 1.000 qui sera envoyé). Si tu souhaites récupérer en PHP l'état des 1.000 cases, il te faut juste un seul formulaire (ou passer par p.ex. de l'AJAX et ne plus faire, donc, de submit).

J'ai carrément enlevé les balises <form> </form>

Si tu ne dois pas faire de submit des données du formulaire, le balise <form> n'est pas obligatoire. Tu peux avoir une checkbox et l'exploiter en JS, pas de souci.

<script type="text/javascript">
var element = document.getElementById('invit');
element.onclick = function(){
if($('#invit').is(':checked')){
alert("<?php echo $idusername;?>");
}
/*
else {
alert("");
}
*/
}
</script>

Ton code ci-dessus mixe du JS natif (getElementeById) et du jQuery ($('#invit')); si tu utilises jQuery autant tout faire en jQuery.

Sans prendre encore plus de temps à lire ton code, je vois que tu accèdes donc à $('#invit') et donc à l'ID de l'objet ... mais combien de "invit" as-tu ? Un par ami non ? Tu aurais donc plusieurs objets ayant exactement le même ID et ça, c'est pas possible.