[Résolu] Limitation du choix multiple (case à cocher) avec Contact Form 7

  • WordPress :5.2
  • Statut : résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2277883
    MathieuD
    Participant
    Initié WordPress
    5 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.o
    • Thème utilisé : Aaika
    • Extensions en place : 34
    • Nom de l’hébergeur : Funio
    • Adresse du site : rqoh.com

    Problème(s) rencontré(s) :  Bonjour,

    l’option “case à cocher” permet tout les choix disponibles et le bouton radio permet un seul choix mais est-il possible de limiter les choix avec Contact Form 7 ?
    J’ai, par exemple, une liste de 8 thèmatiques et j’aimerais que l’on puisse en cocher seulement 3. Y a t-il un shortcode pour ça ?

    Merci d’avance !

    #2277897
    momofr@free.fr
    Modérateur
    Maître WordPress
    2653 contributions

    Salut, regarde si cette solution peut te convenir.

    #2277902
    MathieuD
    Participant
    Initié WordPress
    5 contributions

    Ok, il faut donc que je crée une class et que j’insère un codage jQuery.
    Est-ce que je le met dans function.php ? si oui à quel niveau ?

    Dsl, je ne connais pas trop le jQuery… mais ça m’a l’air d’être une bonne solution.

    Merci !

    #2277945
    momofr@free.fr
    Modérateur
    Maître WordPress
    2653 contributions

    Salut, jQuery c’est du Javascript, il y a plusieurs façons d’ajouter un script JS dans un site WordPress, cet article les passe en revu, tu devrais y trouver ton compte.

    #2278527
    MathieuD
    Participant
    Initié WordPress
    5 contributions

    Allô,

    Problème résolu, ça fonctionne ! (même si on ne s’en servira pas tout de suite…)

    Par contre ce n’est pas tout à fait comme dans les liens que tu m’as fourni mais c’était une très bonne base, merci beaucoup !

    Donc, à rajouter dans header.php :

    <!-- ajout pour formulaire -->
    <script>  
        jQuery(function(){
    var max = 3;
    var checkboxes = jQuery('.SelectThree input[type="checkbox"]');
     
    checkboxes.change(function(){
    var current = checkboxes.filter(':checked').length;
    checkboxes.filter(':not(:checked)').prop('disabled', current >= max);
    });
    });
    </script>
    <!-- fin - ajout pour formulaire -->
    Contact Form 7 - Checkboxes limit

    Ensuite, dans Contact Form 7, inscrire le nom de la class (ici : SelectThree) dans le module correspondant.

    Bonne journée !!

    • Cette réponse a été modifiée le il y a 3 weeks et 1 jour par  MathieuD.
5 sujets de 1 à 5 (sur un total de 5)
  • Vous devez être connecté pour répondre à ce sujet.