El controlador de eventos jQuery Click se llama dos veces para una casilla de verificación
Tengo un problema con el siguiente código en una página 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" />
En el navegador (FF3.5 / IE8) tengo el siguiente problema:
Si hago clic en la casilla de verificación (el pequeño cuadrado), funciona como se esperaba.Si hago clic en el texto de la casilla de verificación ("Checkbox XYZ"), el evento de clic se activa dos veces y la alerta se muestra dos veces.Supongo que esto tiene que ver con la forma en que la casilla de verificación se representa en HTML, que es así:
<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>
¿Cómo configuro correctamente el controlador de eventos de clic para evitar que se llame dos veces?