經與點擊功能問題的<tr>

Question

HTML

<tr url="domain.com"> 
<td><input type="checkbox" name="checkbox[]" method="post" value="" class="checkbox" /> </td> 
</tr> 

JS

$("tr").not('.checkbox').click(function(){ 
    window.location = $(this).attr("url"); 

}); 

要禁用內clickbox點擊功能，但上面的代碼不起作用：它重定向甚至當我點擊複選框。我哪裏做錯了？

Answer 1

上覆選框簡單地停止事件傳播史像下面，

$('.checkbox').click(function(e){ 
    e.stopPropagation(); 
}); 

修正了拼寫錯誤。

Answer 2

$("tr").not('.checkbox') 

該代碼將匹配不具有一類checkbox所有tr元素。正如你所看到的，你的tr沒有那個類，所以這個tr將匹配。

有兩種基本的方法來做你想做的事情。你可以在函數中檢查原始點擊元素是什麼，如果是複選框，則不要重定向。或者，您可以在複選框中添加點擊處理程序並致電e.stopPropagation()。

$("tr .checkbox").click(function(e){ 
    e.stopPropagation(); 
}); 

Answer 3

添加一個阻止傳播的單獨處理程序。

$("tr").click(function(){ 
    window.location = $(this).attr("url"); 
}) 
    .find(".checkbox").click(function(e) { e.stopPropagation(); }); 

Answer 4

停止單擊複選框上的事件傳播。嘗試這個。

$('.checkbox').click(function(e){ 
    e.stopPropagation(); 
}); 

，改變你的代碼，以

$("tr").click(function(){ 
    window.location = $(this).attr("url"); 

}); 

另外，您可以檢查目標和採取相應的行動。嘗試這個。

$("tr").click(function(e){ 
    if(!$(e.target).is(':checkbox')){ 
     window.location = $(this).attr("url"); 
    } 
});