Cochez une case lorsque vous cliquez sur un bouton radio dans une vue en grille

Question

J'ai une case à cocher qui est masquée lors du chargement de la page.

Je veux afficher cette case à cocher lorsque je clique sur le bouton radio qui est dans Gridview en utilisant jquery.

La case à cocher est présente en dehors de la grille.

Answer 1

<asp:Checkbox ID="chkOnHold" runat="server" visible="False" Text="On Hold"/>

Eh bien, quand visible="False" est utilisé, le contrôle est ignoré au moment du rendu & donc à son tour, n'est pas affiché sur la page qui est ayed dans la fenêtre du navigateur. (Vous pouvez toujours vérifier si le contrôle est présent ou non en appuyant sur F12 dans la fenêtre de votre navigateur. Utilisez ensuite Ctrl+Mouse Click à tout élément adjacent à la case. Vous ne trouvez pas le code correspondant à case à cocher là.)

Et Comme jquery fonctionne sur DOM ou simplement HTML, vous ne pouvez pas accéder à la case à cocher car elle n'est pas là. :)

Vous devriez faire mieux, utilisez AutoPostBack="true" sur RadioButton, puis cochez la case onChange événement de radioButton. Cela dit, si vous insistez toujours pour accomplir la tâche en utilisant jQuery, cela peut être fait en utilisant AJAX & jQuery.

(Eh bien, je ne suis pas conscient comment atteindre le même.)

Hope, j'ai été utile.

Answer 2

$('input[type="radio"]').on('click', function(){ 

    $('#chkOnHold').show(); 
}); 

Le problème semble être à cause de visible="false" .. Cela supprime complètement le contrôle du DOM .. utiliser au lieu de le cacher style="display:none"

Answer 3

utilisation simple « onChange » pour ce cas