[Résolu][jQuery] Gestion des événements dans un formulaire

[daroth]

Salut,
me revoilà avec mes problèmes de javascript!

Ce coup ci je veut rendre un formulaire plus agréable à utiliser en faisant apparaître uniquement les parties utiles en fonction de la sélection de checkbox (si la checkbox est coché la partie est visible, si elle est décoché la partie redeviens caché).

Le code du formulaire :

Code PHP :

<?php 

<h3><input type='checkbox' name='contrat' id='contrat' /><label for='contrat'>Demande de contrat.</label></h3>

<table id='contrat' style='display:none'>

    <tr>

        <td>Table pour les contrats</td>

    </tr>

</table>

<h3><input type='checkbox' name='tarif' id='tarif' /><label for='tarif'>Demande de tarifs.</label></h3>

<table id='tarif' style='display:none'>

    <tr>

        <td>Table pour les tarifs</td>

    </tr>

</table> 

[Sephi-Chan]

Je te donne une piste :

Code PHP :

<?php 

$('input[name=contrat]').change(function(){

    $('table#contrat').toggle();

}); 

[Anthor]

Et surtout jamais deux id identiques !

On peux aussi vérifier le statut plus précisément de cette façon :

Code :

var $contrat_status = $('input[name=contrat]').attr('checked')?1:0;

[daroth]

Merci pour la doc française, j'avais pas réussis à la trouver, et vu que je suis d'un niveau très moyen en anglais je n'arrivais pas trop à m'en sortir avec.

Je vais regarder vos pistes de solution puis je vous en reparle.

++

PS : C'est pas seulement les class qui ne doivent pas avoir deux fois le même nom dans un document, il me semble qu'avec les id ça ne pose pas de problèmes ?

[Anthor]

Raté ! Plusieurs éléments ont la même classe, un Id est unique... Sinon comment identifier !

[daroth]

Oui je me mélange les pinceaux...
Conclusion : trop coder tue la concentration

Edit :
Voilà mon code actuel :
JQuery :

Code PHP :

<?php 

$(document).toggle(

    function() {

        $("table#tarifForm").show();

    },

    function() {

        $("table#tarifForm").hide();

    }

); 

[Anthor]

Si tu ne passes pas l'identifiant pour la gestion du click, ton code en l'état n'a aucun effet.

Une fois que ton code fonctionne oui il est très simple de le globaliser

[daroth]

Que veut tu dire par "l'identifiant pour la gestion du clic" ?

C'est sûrement une bête question de vocabulaire mais là j'arrive pas à comprendre.

[Anthor]

Je te redonne le code de sephi

Code PHP :

<?php 

$('input[name=contrat]').change(function(){

    $('table#contrat').toggle();

})