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

をチェックするために.is(':checkbox')からの変更：

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

Answer 2

編集：クリックの伝播を停止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/