錶行單擊事件和複選框

Question

我有一個單擊事件附加到錶行和列內我有複選框。

<table> 
    <tbody> 
     <tr class='shop_order_single_table'> 
      <td><input type='checkbox' /></td> 
      <td><input type='checkbox' /></td> 
      <td><input type='checkbox' /></td> 
     </tr> 
    </tbody> 
</table> 

當我點擊複選框時，該行的click事件仍然執行。

這裏是我的代碼：

 $(".shop_order_single_table").on("click",function() { 
    //click event executes 
       }); 

我如何對錶行點擊複選框時不執行的單擊事件？

Answer 1

$(".shop_order_single_table input").on("click", function(e) { 
    e.stopPropagation(); 
}); 

$(".shop_order_single_table").on("click", function(e) { 
    // Your code 
});