У меня есть проблема со следующим кодом на странице ASPX:
<script type="text/javascript">
$(document).ready(function() {
$('.test').click(function() {
alert("click")
})
});
</script>
<asp:CheckBox runat="server" Text="Checkbox XYZ" CssClass="test" ID="cb1" />
В браузере (FF3.5/IE8) у меня возникает следующая проблема:
- Если я нажму на флажок (маленький квадрат), он будет работать как ожидалось
- если я нажму на значок флажка ( "Checkbox XYZ" ), тогда событие click будет запущено дважды, а предупреждение будет показано дважды.
Я предполагаю, что это связано с тем, как этот флажок отображается в HTML, который выглядит следующим образом:
<span class="test">
<input id="ctl00_c1_cb1" type="checkbox" name="ctl00$c1$cb1" checked="checked"/>
<label for="ctl00_c1_cb1">Checkbox XYZ</label>
</span>
Как правильно настроить обработчик события клика, чтобы он не вызывался дважды?