¿Cómo evito que el evento checkbox predeterminado anule mi función jQuery check/uncheck?

Question

Tengo una lista de casillas de verificación dentro de una tabla con una función jQuery simple que permite al usuario hacer clic en cualquier lugar de la fila de la tabla para marcar/desmarcar la casilla de verificación. Funciona muy bien, excepto cuando el usuario realmente hace clic en la casilla de verificación. No funciona entonces. ¿Algunas ideas? Aquí está mi código:

HTML:

<tr onClick="checkBox()">...</tr> 

jQuery:

function checkBox() { 

var ischecked = $('input#myContacts').attr("checked"); 

if(ischecked) 
{ 
    $('input#myContacts').attr("checked", false); 
} 
else 
{ 
    $('input#myContacts').attr("checked", true); 
} 

return false; 
} 

Answer 1

Puede usar event.stopPropagation para evitar que el evento de clic de input#myContacts se propague al evento de clic de tr. Además, no puedo creer que estés mezclando jQuery y DOM de esa manera todavía, cuando deberías estar usando jQuery Events.

$(document).ready(function(){ 
    $("input#myContacts").click(function(e){ 
    e.stopPropagation(); 
    }); 
}); 

Answer 2

Sin el código HTML que muestra por qué esa función se activa por que es difícil de decir. Un jsFiddle sería útil. Solo especulación, pero ¿podría ser que haga clic en la casilla de verificación, que lo verifica, pero el evento de clic llama inmediatamente a esa función que lo desmarca?

Answer 3

<tr class="checkBox">...</tr> 


    $(document).ready(function() { 
     $('tr.checkBox').live('click', function (e) { 
      if (e.target.type !== 'checkbox') { 
       $('input#myContacts').attr("checked", function() { 
        return !$(this).prop('checked'); 
       }); 

       //Or 

       $(this).find('input#myContacts').attr("checked", function() { 
        return !$(this).prop('checked'); 
       }); 
      } 
     }); 
    }); 

Answer 4

Solución 1: http://jsfiddle.net/qmdGK/3/ (El uso de dos celdas de la tabla, pero sólo clic al texto unión celular)

Solución 2: http://jsfiddle.net/qmdGK/4/ (usando stopPropagation() en el caso casilla clic)

Ambos usan jQuery para vincular el evento al elemento preferido.