Modifier le Texte d'une page asp:Case à cocher lorsque vous cliquez dessus

Comment puis-je modifier le Texte de la Case à cocher sans une publication?

<asp:CheckBox ID="CheckBox1" runat="server" Text="Open" />

Je voudrais basculer le Texte à lire "Ouvert" ou "Fermé" lorsque la Case est cliqué sur le client.

OriginalL'auteur sunpost | 2009-01-09

  1. 9
    function changeCheckboxText(checkbox)
{
  if (checkbox.checked)
    checkbox.nextSibling.innerHTML = 'on text';
  else
    checkbox.nextSibling.innerHTML = 'off text';
}

    appelé comme:

    <asp:CheckBox runat="server" ID="chkTest" onclick="changeCheckboxText(this);" />

    Juste pour info, c'est généralement une mauvaise pratique de modifier le texte de la case de l'étiquette, car on a tendance à confondre l'utilisateur.

    C'est probablement le meilleur pari. ASP.NET les contrôles ne pas fournir un moyen facile d'obtenir les id attribut, donc en général, vous ne pouvez pas utiliser $('#someid'). I try to avoid onclick` attributs, mais dans ce cas c'est le moyen le plus facile.
    Il aurait été OK pour utiliser <%=chkTest.ClientID%> avec le document.getElementById() (ou $(#'<%=chkText.ClientID %>') si vous utilisez JQuery), toutefois, l'étiquette que la case à cocher contrôle émet un n'a pas un ID, mais vous êtes presque garanti qu'il sera juste après la case à cocher.
    Merci. Qui fonctionne très bien.

    OriginalL'auteur Robert C. Barth

  2. 2

    Si vous êtes intéressé à utiliser un framework javascript comme jQuery, je propose une solution ilke ce:

    $("input[id$=CheckBox1]").click(function() {
    if ($(this).attr("checked")) { 
        $(this).next("label:first").text("Open");
    }
    else {
        $(this).next("label:first").text("Close");
    }
});

    OriginalL'auteur tanathos

  3. 1

    3 Facile Options

    Utiliser JavaScript pour modifier le texte à côté client - Par l'Inscription de l'Événement dans le .CS de la classe comme ceci:

    CheckBox1.Attributes.Add("JavaScipt")

    Utiliser HTML Case avec JQuery

    Ou de les mettre dans un Ajax Panneau De Mise À Jour

    Certains AJax starter Vidéos

    La première option ne fonctionnera pas. input[type=checkbox] n'ont pas les attributs de texte.
    Mon mauvais, il fait créer un label avec un "pour" attribut que je pensais était rendu dans un événement de changement sur la case à cocher pour l'étiquette cependant je me suis trompé

    OriginalL'auteur cgreeno