Hiding une case à cocher côté client

Question

J'ai une case à cocher qui ressemble à:

<input id="chkSelectAll" name="chkSelectAll" type="checkbox"/> 

maintenant dans un bouton Je veux être en mesure de cacher ce contrôle jusqu'à présent je:

chkSelectAll.Visible = false; 

Mais je ne peut pas accéder aux propriétés de ce contrôle car il est côté client.

Je ne peux pas utiliser la case à cocher côté serveur aussi, ne le suggérez pas.

Toute aide sur la façon dont je peux rendre la propriété checkbox visible à 'false' sera appréciée, merci.

Answer 1

Vous pouvez modifier les propriétés DOM sur le côté serveur à l'aide control.Attributes ou control.Styles

Utilisation propriété élément DOM sur Code côté serveur derrière.

chkSelectAll.Styles.Add('display', 'none'); 

Ou

chkSelectAll.Attributes.Add('style', 'display:none'); 

Vous pouvez le faire en utilisant ClientID en javascript/jQuery sur côté client

utilisation de javascript

document.getElementById('<%= chkSelectAll.ClientID %>').style.display = 'none'; 

En utilisant jQuery

$('#<%= chkSelectAll.ClientID %>').hide(); 

Answer 2

Si votre case à cocher est pas un contrôle serveur mais juste un contrôle client, alors ce que vous pouvez faire est de changer les styles de cette case à cocher: display: none vous pouvez le faire avec jQuery , par exemple. Quelque chose comme ceci: $ ("# chb"). Css ("display", "none"); Vous devriez mettre cette fonctionnalité dans une certaine fonction et appelez-la du côté de votre client quand, par exemple, vous cliquez sur un bouton