OnClick vs OnClientClick für einen Asp: CheckBox?

Weiß jemand, warum ein clientseitiger Javascript-Handler für asp: CheckBox ein OnClick = "" -Attribut und kein OnClientClick = "" -Attribut sein muss, wie für asp: Button?

Zum Beispiel funktioniert dies:

<asp:CheckBox runat="server" OnClick="alert(this.checked);" />

und das nicht (kein Fehler):

<asp:CheckBox runat="server" OnClientClick="alert(this.checked);" />

aber das funktioniert:

<asp:Button runat="server" OnClientClick="alert('Hi');" />

und das nicht (Kompilierungszeitfehler):

<asp:Button runat="server" OnClick="alert('hi');" />

(Ich weiß, wofür Button.OnClick ist; ich frage mich, warum CheckBox nicht auf die gleiche Weise funktioniert ...)

Das ist sehr komisch. Ich habe die CheckBox-Dokumentationsseite überprüft, die lautet

<asp:CheckBox id="CheckBox1" 
     AutoPostBack="True|False"
     Text="Label"
     TextAlign="Right|Left"
     Checked="True|False"
     OnCheckedChanged="OnCheckedChangedMethod"
     runat="server"/>

Wie Sie sehen, sind keine OnClick- oder OnClientClick-Attribute definiert.

Vor diesem Hintergrund denke ich, dass dies der Fall ist.

Wenn Sie dies tun,

<asp:CheckBox runat="server" OnClick="alert(this.checked);" />

ASP.NET ändert das OnClick-Attribut nicht und rendert es so, wie es im Browser ist. Es würde gerendert werden als:

  <input type="checkbox" OnClick="alert(this.checked);" />

Offensichtlich kann ein Browser 'OnClick' verstehen und eine Warnung ausgeben.

Und in diesem Szenario

<asp:CheckBox runat="server" OnClientClick="alert(this.checked);" />

Auch hier ändert ASP.NET das OnClientClick-Attribut nicht und rendert es als

<input type="checkbox" OnClientClick="alert(this.checked);" />

Da der Browser OnClientClick nicht versteht, passiert nichts. Es wird auch kein Fehler ausgelöst, da es sich nur um ein weiteres Attribut handelt.

Sie können dies oben bestätigen, indem Sie sich das gerenderte HTML ansehen.

Und ja, das ist überhaupt nicht intuitiv.

Weil es sich um zwei verschiedene Arten von Steuerelementen handelt ...

Sie sehen, Ihr Webbrowser weiß nichts über serverseitige Programmierung. Es kennt nur sein eigenes DOM und die von ihm verwendeten Ereignismodelle ... und für Klickereignisse von Objekten, die darauf gerendert wurden. Sie sollten das endgültige Markup untersuchen, das tatsächlich von ASP.Net an den Browser gesendet wird, um die Unterschiede selbst festzustellen.

<asp:CheckBox runat="server" OnClick="alert(this.checked);" />

rendert zu

<input type="check" OnClick="alert(this.checked);" />

und

<asp:CheckBox runat="server" OnClientClick="alert(this.checked);" />

rendert zu

<input type="check" OnClientClick="alert(this.checked);" />

Soweit ich mich erinnern kann, gibt es in ihrem DOM nirgendwo Browser, die das Ereignis "OnClientClick" unterstützen ...

Zeigen Sie im Zweifelsfall immer die Quelle der Ausgabe an, wenn diese an den Browser gesendet wird. Es gibt eine ganze Welt von Debug-Informationen, die Sie sehen können.

Sie haben Recht, das ist inkonsistent. Was passiert ist, dass CheckBox kein serverseitiges OnClick-Ereignis hat, sodass Ihr Markup im Browser gerendert wird. http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.checkbox_events.aspx

Während Button über einen OnClick verfügt, erwartet ASP.NET einen Verweis auf ein Ereignis in Ihrem OnClick-Markup.

Für diejenigen unter Ihnen, die hierher gekommen sind und nach dem serverseitigen OnClick Handler suchen, ist dies der FallOnCheckedChanged

Ich habe Warnungen und Meldungen bereinigt und festgestellt, dass VS davor warnt: Validierung (ASP.Net): Das Attribut 'OnClick' ist kein gültiges Attribut des Elements 'CheckBox'. Verwenden Sie das HTML-Eingabesteuerelement, um einen clientseitigen Handler anzugeben. Anschließend erhalten Sie nicht das zusätzliche span-Tag und die beiden Elemente.

Asp.net CheckBox unterstützt die Methode OnClientClick nicht.
Wenn Sie ein Javascript-Ereignis zu asp: CheckBox hinzufügen möchten, müssen Sie verwandte Attribute für "Pre_Render" - oder "Page Load" -Ereignisse im Servercode hinzufügen:

C #:

    private void Page_Load(object sender, EventArgs e)
    {
        SomeCheckBoxId.Attributes["onclick"] = "MyJavaScriptMethod(this);";
    }

Hinweis: Stellen Sie sicher, dass Sie im Seitenkopf nicht AutoEventWireup = "false" setzen.

VB:

    Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
        SomeCheckBoxId.Attributes("onclick") = "MyJavaScriptMethod(this);"
    End Sub

Sie können das Tag folgendermaßen ausführen:

<asp:CheckBox runat="server" ID="ckRouteNow" Text="Send Now" OnClick="checkchanged(this)" />

Die Eigenschaft .checked im aufgerufenen JavaScript ist korrekt ... der aktuelle Status des Kontrollkästchens:

  function checkchanged(obj) {
      alert(obj.checked)
  }

Eine Lösung ist mit JQuery:

$(document).ready(
    function () {
        $('#mycheckboxId').click(function () {
               // here the action or function to call
        });
    }
);