onclick fonction dans twig

Bonjour,

Je cherche à contrôler lorsque l'utilisateur coche un checkbox unique :

Exemple : deux checkbox l'un a la valeur toto et l'autre titi . L'utilisateur ne doit pouvoir que sélectionner un seul de ces deux choix.

Via une fonction "onclick" mais je ne sais pas comment je dois faire pour l'implémenter .

Voici mon 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
35
36
37
38
39
40
41
42
43
44
45
{% extends 'base.html.twig' %}
 
{% block title %}Nouvelle Commande{% endblock %}
 
{% block body %}
    {{ parent() }}
    <h1>Nouvelle Commande</h1>
    </br>
    <div class="form-row">
        <div class="col-md-2"></div>
        <div class="form-group col-md-6">
            {{ include('commande/_form.html.twig') }}
 
            {{ form_widget(form.Ville, {'attr': {'class': 'ville'}}) }}
        </div>
    </div>
    <a href="{{ path('mes_commandes_show') }}">Retournez à ma liste de commandes</a> <br>
    <a href="{{ path('tableau_bord') }}">Retour tableau de bord </a>
{% endblock %}
 
{% block menu %}{% endblock %}
{% block footer %}{% endblock %}
 
 {% block javascripts %}
 {{ parent() }}
     <script>
        alert("SALUT ! ")
        var calais = "CALAIS";
        var boulogne = "BOULOGNE";
 
      var resultatToutesLesCouleurs = document.querySelector('[id=commande_toutesLesLettres]').value;
 
      
 
      var resultat =  document.querySelector('[id=commande_Ville]').value.toUpperCase();
 
        if( resultat == calais || resultat == boulogne){
            var emplacement = document.querySelector('[id=commande_emplacementDivision]').value;
                if(emplacement.isEmpty()){
                    alert("Pour Boulogne et Calais, le champ emplacement est obligatoire !");
                }
                alert("Le champ ville est égale à calais ou boulogne");
        }
     </script>
{% endblock %}

Mon form :

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<?php
 
namespace App\Form;
 
use App\Entity\Commande;
use App\Entity\Couleur;
use Symfony\Bridge\Doctrine\Form\Type\EntityType;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
use Symfony\Component\Form\Extension\Core\Type\FileType;
use Symfony\Component\Form\Extension\Core\Type\RadioType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolver;
 
class CommandeType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
 
        $builder
            ->add('idClient')
            ->add('saisiPar')
            ->add('Ville')
            ->add('cimetiere')
            ->add('emplacementDivision')
            ->add('rang')
            ->add('caser')
            ->add('numeroCons')
            ->add('sansDivision')
            ->add('nomDuDefunt')
            ->add('gravures')
            ->add('joindreDemandeTravaux', FileType::class, ['label' => 'Demande travaux PDF'
            ,'data_class' => null])//array('data_class' => null,'required' => false, 'label_attr' => 'custom-file-input', 'attr' => 'inputGroupFile01', 'label' => 'joindreDemande'))
            ->add('joindreImage', FileType::class, ['label' => 'Joindre image PDF'
                ,'data_class' => null])//array('data_class' => null,'required' => false, 'label' => 'joindreImage'))
            //array('data_class' => null,'required' => false,
            ->add('OR', CheckboxType::class)
            ->add('Peinture')
            ->add('emplacementGravure')
            ->add('toutesLesLettres', CheckboxType::class)
            ->add('partielle', CheckboxType::class)
            ->add('motif')
          //  ->add('dateCommande')
            ->add('autrePrecisez')
 
            ->add('autreCouleurPrecisez', entityType::Class, [
                    'class' => Couleur::class,
                    'choice_label' => 'nomCouleur',
                    'choice_value' => 'id',
                    'multiple' => 'false',
                ])
 
            ->add('detailCommande')
            ->add('detailTravaux')
        ;
    }
 
    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults([
            'data_class' => Commande::class,
        ]);
    }
 
}

Citation:

Exemple : deux checkbox l'un a la valeur toto et l'autre titi . L'utilisateur ne doit pouvoir que sélectionner un seul de ces deux choix.

Du coup c'est pas des checkbox mais des radio button qu'il faut utiliser. Ca évite de venir ajouter du js pour rien

Oui certe je suis d'accord avec toi mais je n'ai pas trouvé comment fonctionne les radios avec symfony 4. J'ai cru que je pouvais forcer le type mais après ça faut faire un groupe pour les deux éléments du radio mais je ne sais pas trop comment faire. Tu peux m'aider ?