Discussion :

[Chezah]

Bonjour à tous.

Voilà plusieurs jour que je lutte avec ce code. Est ce que quelqu'un pourrais m'aider ?


Js

Code :

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

1
2
3
4
5
6
7
8
 
    $('choix').on('checked', function afficherCacher(){
        if(document.getElementById('prime_oui').checked){
            document.getElementById('divCacher').style.display="block";
        }else if (document.getElementById('prime_non').checked) {
            document.getElementById('divCacher').style.display="none";
        }
    });

HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div class="col s12 input-group"><br>
       <input type="radio" name="prime" value="prime_oui" id="prime_oui" onClick="afficherCacher()" /><label for="prime_oui">Oui</label>
       <input type="radio" name="prime" value="prime_non" id="prime_non" onClick="afficherCacher()" /><label for="prime_non">Non</label>
</div>
<div class="col s12 input-group" id="divCacher" style="display:none;">
        <div class="input-field col s6">
                 <input placeholder="Le montant de votre prime, exemple : 1234 ou 1234.67" id="mt_prime" name="mt_prime" type="text" title="Ne peut       comporter qu'un nombre entier ou à virgule" value="<?= (isset($_SESSION['step3']['mt_prime']) && !empty($_SESSION['step3']['mt_prime'])) ? $_SESSION['step3']['mt_prime'] : ''; ?>" class="validate" required>
                 <label for="mt_prime" class="active">Montant de la prime <span class="red-text">*</span></label>
        </div>
</div>

A chaque foi je reçois ce code dans la console :
Uncaught ReferenceError: afficherCacher is not defined
Alors que le reste du JS marche. Je ne comprend vraiment pas.


Merci et bonne journée

[SpaceFrog]

Plusieurs remarques sur ton code ...

pourquoi utiliser document.getElementById vu que tu utilises Jqeury ?

Code :

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

on( 'checked'

Où donc as tu trouvé cet evènement ???

Code :

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

$('choix').on('checked', function afficherCacher(){

il attend une closure ...

Code :

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

$('choix').on('checked', function (){ .../... }

[Chezah]

Hum l'evenment est en desespoir de cause on va dire ^^' de base j'avais mis

Code :

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

.on('click', function () {})

il attend une closure ...

Code :

Code :

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

$('choix').on('checked', function (){ .../... }

Tu entends quoi par la ?

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
$('choix').on('click', function (){
        if($('#prime_oui').is(':checked'){
            $('#divCacher').show();}
        else{
               if ($('#prime_non').is(':checked')) {
                  $('#divCacher').hide();
                }
        }
    });

[Chezah]

Merci pour ce code beaucoup plus claire malgré tout mon problème n'est pas résolu j'ai toujours l'erreur qui s'affiche dans ma console et aucun affichage n'apparait lors de ma sélection :/

[SpaceFrog]

Tu as du mal implémenter mon code car je n'ai plus de fonction afficherCacher() ...