OnClick vs OnClientClick for an asp: CheckBox?

Có ai biết tại sao trình xử lý javascript phía máy khách cho asp: CheckBox cần phải là thuộc tính OnClick = "" thay vì thuộc tính OnClientClick = "", như đối với asp: Button không?

Ví dụ, điều này hoạt động:

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

và điều này không (không có lỗi):

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

nhưng điều này hoạt động:

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

và điều này không xảy ra (lỗi thời gian biên dịch):

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

(Tôi biết Button.OnClick dùng để làm gì; tôi tự hỏi tại sao CheckBox không hoạt động theo cách tương tự ...)

Điều đó rất kỳ lạ. Tôi đã kiểm tra trang tài liệu CheckBox có nội dung

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

Như bạn có thể thấy, không có thuộc tính OnClick hoặc OnClientClick nào được xác định.

Luôn ghi nhớ điều này, tôi nghĩ đây là những gì đang xảy ra.

Khi bạn làm điều này,

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

ASP.NET không sửa đổi thuộc tính OnClick và hiển thị nó như trên trình duyệt. Nó sẽ được hiển thị dưới dạng:

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

Rõ ràng, một trình duyệt có thể hiểu 'OnClick' và đưa ra cảnh báo.

Và trong kịch bản này

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

Một lần nữa, ASP.NET sẽ không thay đổi thuộc tính OnClientClick và sẽ hiển thị nó dưới dạng

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

Vì trình duyệt không hiểu OnClientClick sẽ không có gì xảy ra. Nó cũng sẽ không gây ra bất kỳ lỗi nào vì nó chỉ là một thuộc tính khác.

Bạn có thể xác nhận ở trên bằng cách xem HTML được hiển thị.

Và vâng, điều này không trực quan chút nào.

Bởi vì chúng là hai loại điều khiển khác nhau ...

Bạn thấy đấy, trình duyệt web của bạn không biết về lập trình phía máy chủ. nó chỉ biết về DOM của chính nó và các mô hình sự kiện mà nó sử dụng ... Và đối với các sự kiện nhấp chuột của các đối tượng được hiển thị cho nó. Bạn nên kiểm tra đánh dấu cuối cùng thực sự được gửi đến trình duyệt từ ASP.Net để xem sự khác biệt của bản thân bạn.

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

ám chỉ

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

và

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

ám chỉ

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

Bây giờ, gần như tôi có thể nhớ lại, không có trình duyệt nào ở bất kỳ đâu hỗ trợ sự kiện "OnClientClick" trong DOM của họ ...

Khi nghi ngờ, hãy luôn xem nguồn của đầu ra khi nó được gửi đến trình duyệt ... có cả một thế giới thông tin gỡ lỗi mà bạn có thể thấy.

Bạn đúng điều này là không nhất quán. Điều đang xảy ra là CheckBox KHÔNG CÓ sự kiện OnClick phía máy chủ, do đó, đánh dấu của bạn được hiển thị cho trình duyệt. http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.checkbox_events.aspx

Trong khi Nút có OnClick - vì vậy ASP.NET mong đợi một tham chiếu đến một sự kiện trong đánh dấu OnClick của bạn.

Đối với những người ở đây tìm kiếm trình xử lý phía máy chủ, OnClick nó làOnCheckedChanged

Tôi đang dọn dẹp các cảnh báo và thông báo và thấy rằng VS có cảnh báo về điều đó: Xác thực (ASP.Net): Thuộc tính 'OnClick' không phải là thuộc tính hợp lệ của phần tử 'CheckBox'. Sử dụng điều khiển đầu vào html để chỉ định trình xử lý phía máy khách và sau đó bạn sẽ không nhận được thẻ span bổ sung và hai phần tử.

Asp.net CheckBox không hỗ trợ phương pháp OnClientClick.
Nếu bạn muốn thêm một số sự kiện javascript vào asp: CheckBox, bạn phải thêm các thuộc tính liên quan trên "Pre_Render" hoặc trên các sự kiện "Page_Load" trong mã máy chủ:

C #:

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

Lưu ý: Đảm bảo bạn không đặt AutoEventWireup = "false" trong tiêu đề trang.

VB:

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

Bạn có thể làm thẻ như sau:

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

Thuộc tính .checked trong JavaScript được gọi sẽ chính xác ... trạng thái hiện tại của hộp kiểm:

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

Một giải pháp là với JQuery:

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