OnClick vs OnClientClick для asp: CheckBox?

Question

Кто-нибудь знает, почему клиентский обработчик javascript для asp: CheckBox должен быть атрибутом OnClick = "", а не атрибутом OnClientClick = "", как для asp: Button?

Например, это работает:

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

и это не делает, не (без ошибок):

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

, но это работает:

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

и это не (ошибка времени компиляции):

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

(Я знаю, что Button.OnClick для; Мне интересно, почему CheckBox не работает одинаково ...)

Answer 1

Это очень странно. Я проверил CheckBox documentation page, который читает

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

Как вы можете видеть, нет OnClick или OnClientClick атрибуты определены.

Помня об этом, я думаю, что это то, что происходит.

Когда вы сделаете это,

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

ASP.NET не изменяет атрибут OnClick и делает его как в браузере. Это будет оказано как:

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

Очевидно, что браузер может понять «OnClick» и ставит предупреждение.

И в этом сценарии

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

Опять же, ASP.NET не изменит OnClientClick атрибут и сделает его как

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

Как браузер не поймет OnClientClick ничего не случится. Это также не вызовет никакой ошибки, поскольку это просто еще один атрибут.

Вы можете подтвердить это выше, посмотрев полученный HTML-код.

И да, это неинтуитивно.

Answer 2

Вы правы, это противоречиво. Что происходит, так это то, что CheckBox не имеет серверного OnClick-события, поэтому ваша разметка отображается в браузере. http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.checkbox_events.aspx

Принимающая сторона имеет OnClick - поэтому ASP.NET ожидает ссылку на событие в вашей разметке OnClick.

Answer 3

Потому что это два разных вида контроля ...

Вы видите, ваш веб-браузер не знает о программировании на стороне сервера. он знает только о своей собственной DOM и моделях событий, которые он использует ... И для событий щелчка объектов, переданных ему.Вы должны изучить окончательную разметку, которая фактически отправляется в браузер из ASP.Net, чтобы увидеть различия в себе.

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

оказывает

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

и

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

оказывает

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

Теперь, насколько я могу вспомнить, нет никаких браузеров в любом месте, которые поддерживают Событие OnClientClick в DOM ...

Если у вас есть сомнения, всегда смотрите источник вывода, когда он отправляется в браузер ... есть целый мир отладочной информации, которую вы можете видеть.

Answer 4

Я очищал предупреждения и сообщения и вижу, что VS предупреждает об этом: Проверка (ASP.Net): Атрибут «OnClick» не является допустимым атрибутом элемента «CheckBox». Используйте элемент управления html для указания обработчика на стороне клиента, а затем вы не получите дополнительный тег span и два элемента.

Answer 5

Для тех из вас, кто был здесь, глядя на стороне сервера OnClick обработчика оно OnCheckedChanged

Answer 6

Одно из решений с JQuery:

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

Answer 7

Вы можете сделать тег, как это:

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

Свойство .checked в названном JavaScript будет правильным ... текущее состояние флажка:

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