Discussion :

[syrine01]

Bonjour,

je travail actuellement sur une application en SF2 qui permet la gestion des projets. Donc ,je cherche comment récupérer la valeur de la bouton checkbox lorsqu'elle est changé en "off" ou en "on" et l'envoyée vers mon route "changeEtat".
j'utilise le bouton switch on/off en bootstrap, voilà le code en Html et en SF2 :

Code :

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

1
2
3
4
5
6
7
8
 html<input type="checkbox" checked data-toggle="toggle" data-onstyle="success" data-offstyle="danger">
SF2:
<form method="post" action="{{path('changeEtat', {'id', entity.id})}}">
{{ form_row(form.etat,{'attr:' {'checked data-toggl':'toggle', 'data-onstyle':'success' , 'data-offstyle': 'danger'} }) }}
 
{{form_rest(form) }}
 
</form>

Le probléme que je suis débutante en JS et j'ai sais pas comment récupérer a chaque fois la valeur de checkbox pour activer ou désactiver un projet ( s'il est "on"( data-onstyle="success") donc value=1 si non "off" (data-offstyle="danger") alors value=0).

Merci d'avance

[NoSmoking]

Bonjour,
à voir donc Bootstrap Switch

[syrine01]

Merci,
j'ai vu ce lien mais mon probléme que j'en sais pas comment modifier la fonction pour envoyer a chaque fois la valeur du bouton selon le choix d'utilisateur.

[NoSmoking]

Il faut être curieux lorsque l'on lit les documentations ce qui permet de tomber sur onSwitchChange, en gros cela pourrait donner par exemple

Code :

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

1
2
3
4
5
6
$('#switch').bootstrapSwitch({
    onSwitchChange: function (event, state) {
        event.preventDefault();
        return $('#etat').text(state);
    }
});