Jquery .click事件

Question

我試圖做到這一點，當他們點擊一個<tr>它會打開一個對話框，工作得很好。然而在這<tr>我有一個輸入複選框，我需要讓他們點擊而不打開對話框。這怎麼可能？

$('#messageContainer tr').click(function() { 
    var masterMessageID = $(this).attr('messageID'); 
    var replyToID = $(this).attr('replyToID'); 

    buildDialog(this.id, masterMessageID, replyToID); 
    $(this).removeClass('messageNew'); 
}); 

HTML：

<tr replytoid="3" messageid="7078" id="16"> 
    <td>&nbsp;&nbsp;<input type="checkbox" name="checkAll"></td> 
    <td>John Doe</td> 
    <td>sdfsdf</td> 
    <td>3/14/2012 1:29:47 PM</td> 
</tr> 

Answer 1

停止點擊的傳播：

$('#messageContainer tr :checkbox').click(function(e){ 
    e.stopPropagation(); 
}); 

Answer 2

編輯：從.is(':checkbox')更改爲檢查e.target.type

DEMO

$('#messageContainer tr').click(function (e) { 
    if (e.target.type && e.target.type == 'checkbox') { 
     e.stopPropagation(); //stop bubbling 
     return; 
    } 

    var masterMessageID = $(this).attr('messageID'); 
    var replyToID = $(this).attr('replyToID'); 

    buildDialog(this.id, masterMessageID, replyToID); 
    $(this).removeClass('messageNew'); 
}); 

Answer 3

您可以添加以下代碼：

$('#messageContainer tr input:checkbox').click(function (e) { 
    e.stopPropagation(); 
}); 

這將傳播到TR停在複選框點擊。

示例 - http://jsfiddle.net/U5LBR/1/

Answer 4

入住這

在複選框添加event.stopPropagation（）。它會阻止事件冒泡。

$('#messageContainer tr').click(function() { 
$('#popup').toggle(); 
}); 

$('#messageContainer input[type="checkbox"]').click(function(e){ 
alert('Checked'); 
e.stopPropagation(); 

}) 

http://jsfiddle.net/JLDzq/1/