Varsayılan onay kutusu olayının jQuery onay/işaretini kaldır işlevini geçersiz kılmasını nasıl önleyebilirim?

Question

Tablonun içinde, onay kutusunu işaretlemek/işaretini kaldırmak için kullanıcının tablo satırında herhangi bir yeri tıklamasına izin veren basit bir jQuery işlevi olan bir onay kutularının listesi var. Kullanıcının gerçekten onay kutusunu tıklatması dışında, harika çalışır. O zaman işe yaramıyor. Herhangi bir fikir? İşte benim kodudur:

HTML:

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

jQuery: Bu demek zor tarafından bu fonksiyon tetiklenir neden göstererek HTML olmadan

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

'tıklatma etkinliğinin tr' click tıklaması olayının yayılmasını önlemek için event.stopPropagation'u kullanabilirsiniz. Ayrıca jQuery Events'i kullanmanız gerektiğinde jQuery ve DOM'ı henüz bu şekilde karıştırdığınıza inanamıyorum.

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

Answer 2

. Bir jsFiddle yardımcı olacaktır. Sadece spekülasyon var, ama kontrol kutusunu işaretleyip tıklayabiliyor olsanız da, tıklama olayı hemen kontrol eden bu fonksiyonu çağırıyor mu?

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

Çözüm 1: http://jsfiddle.net/qmdGK/3/ (iki tablo hücrelerini kullanarak ama sadece hücreyi metin klik bağlama)

Çözüm 2: http://jsfiddle.net/qmdGK/4/ (onay kutusunu Tıklama etkinliğini stopPropagation() kullanarak)

Her ikisi de, olayı tercih edilen öğeye bağlamak için jQuery kullanıyor.