Discussion :

[hichamus13]

Bonjour tout le monde,
Je reviens vers vous car je suis novice en javascript et j'ai beau faire des recherches mais sans trouver de solution.
J'ai des chekbox et je souhaiterais afficher en fonction des chekbox selectionnés un texte précis.

Si par exemple je coche France Belgique Allemagne j'affiche Europe.
ou si je coche Japan Corée j'affiche Asie. Je vous expose mon code.

Code html :

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

1
2
3
4
5
6
7
<label for="pays">Pays</label>
<input id="pays" type="text" required class="form-control" name="pays" placeholder="Veuillez selectionner les pays "value="<?= isset($data['pays']) ? htmlentities($data['pays']) : ''; ?>">
<input type='checkbox' class="checkbx" value='France'/>France
<input type='checkbox' class="checkbx" value='Belgique'/>Belgique
<input type='checkbox' class="checkbx" value='Allemagne'/>Allemagne
<input type='checkbox' class="checkbx" value='Japan'/>Japan
<input type='checkbox' class="checkbx" value='Corée'/>Corée

Mon code javascript et le suivant

Code :

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
$(document).ready(function() {
    $('.checkbx').click (function() {
      var text= "";
    $('.checkbx:checked').each(function() {
 
     text+= $(this).val()+"  "; // Séparer les éléments sélectionnes par des espaces
 
 
 
    });
      txt=text.substring(0,text.length-1);
      $('#pays').val(text); 
 
 
 
  });

Merci beaucoup de votre aide

[Invité]

Bonjour,

• et si je coche "France" et "Japon", ça doit afficher quoi ?
• ou seulement "France" et "Belgique" ?

Ça manque de précision...

[hichamus13]

SI je coche 2 pays dans 2 continents différents ça affiche seulement les noms des pays .
Le problème a été résolu en ajoutant un simple if.
Merci beaucoup pour la réponse.