Discussion :

[Delack]

Bonjour,

Je rencontre un soucis dans la consommation de l’événement checked sur un bouton radio, j'explique :

J'ai un bouton radio comme ceci :

Code :

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

<asp:RadioButton ID="rdnMultiMer"  runat="server" Text="MultiMer"   GroupName="gnTypes"  CssClass="Bouton"  AutoPostBack="true" />

Ce que je souhaite faire, c'est pouvoir check un autre bouton radio quand celui-ci est coché, et le décocher quand celui-ci est décocher également. Pour cela, j'ai pensé à 2 solutions que j'ai mis en oeuvre

1ere solution : Avec l'évenement CheckedChanged dans l'attribut de la balise

Code :

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

<asp:RadioButton ID="rdnMultiMer"  runat="server" Text="MultiMer"   GroupName="gnTypes"  CssClass="Bouton" OnCheckedChanged="rdnMultiMer_CheckedChanged" />

voici la méthode correspondante :

Code :

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

1
2
3
4
5
6
7
8
9
10
 protected void rdnMultiMer_CheckChanged(object sender, EventArgs e){
            if (rdnMultiMer.Checked)
            {
                rbSante.Checked = true;
            }
            else
            {
                rbSante.Checked = false;
            }
        }

2eme solution : Utilisation de Jquery. Voici la fonction qui correspond :

Code :

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

1
2
3
if ($('input[id$="rdnMultiMer"]').is(':checked')) {
                $("#rbSante").attr('checked', 'checked');
            }

Le problème : Malgré ces deux méthodes, l’événement "Checked" n'est géré qu'une seul et unique fois tant que la page n'est pas rafraîchi. Ce que je souhaiterai, c'est pouvoir cocher et décocher ce bouton radio à volonté et que cela produise l'effet désiré (c'est à dire cocher ou décocher l'autre bouton radio).

Ce qui m'interpelle, c'est pourquoi cela n'est géré qu'une seul fois, et aussi, pourquoi mettre ceci AutoPostBack="true" pour que l’événement soit pris en compte immédiatement ? La gestion des événements de ce type m'échappe complètement.

Merci pour votre aide

[damienolive]

Bonjour,

C'est très simple !
Dans ton javascript, tu fais seulement un test lors du chargement de l'écran.
Ce qu'il faut faire c'est :

Code :

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

1
2
3
4
5
6
 
$("macheckbox").change(function() {
    if(this.checked) {
 
    }
});

Là, à chaque changement d'état, ton javascript sera relancé (mets un point d'arrêt pour vérifier).

Par contre, si tu utilise cette méthode, retire complètement le traitement ASPX avec les postbacks afin d'éviter que l'un et l'autre se court-circuitent.

[Delack]

Salut,

Je suis nouveau dans le domaine de l'asp.NET et du Jquery, cela n'est pas très compliqué en effet

J'ai essayé ta solution damienolive et j'ai réussi à la faire fonctionner correctement, merci beaucoup !!

Maintenant il ne me reste plus qu'à affecter la valeur checked ou non à mon 2eme bouton radio, mais je n'y arrive pas , j'ai essayé avec :

Code :

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

$('input[name="rbSante"]').attr('checked', 'checked');

ou encore

Code :

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

$('#rbSante').val(['0'])

mais cela ne marche pas . Une solution ? Merci d'avance !

[vermine]

Quelle est la version de jQuery ?

Si c'est la 1.9 (au supérieur), alors essaie ceci :

Code :

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

$("macheckbox").prop("checked", true)

Mais là, du coup j'aurais dû te déplacer dans le forum jQuery.

[Delack]

Désolé avec toutes ces techno... je suis un peu paumé, surtout qu'au tout départ, c'est censé être un evenement reconnu dans les propirétés avec OnCheckedChanged, c'est pour cela que j'avais posté dans la partie Asp.NET au départ (sauf que je m’était trompé, et j'a posté dans ça dans ASP... bref).

J'ai testé :

Code :

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

 $("rbSante").prop("checked", true);

Et rien à faire... (avec $("#rbSante") aussi).

PS : Ma version de Jquery est la plus récente, la 2.0.2 si je ne dis pas de bêtise.

[damienolive]

Bonjour,

tu as un exemple ici :
http://www.electrictoolbox.com/check...eckbox-jquery/

J'espère que ça te servira

Code :

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

1
2
 
$('input[name=foo]').attr('checked', true);