javascript - 在表格行内有一个输入复选框，我可以将点击事件添加到行并且仍然能够点击输入吗

Question

我有一张 table :

<table>
  <tr>
    <td>Something</td>
    <td>Something Else</td>
    <td><input type='checkbox' value='clickme' id='yes'></td>
  </tr>

对于用户来说，如果他们点击该行，他们会得到更多关于该行的数据，如果他们点击复选框，他们会看到一些其他选项。我如何监听 jquery 中的每个事件。我的问题是点击复选框显然触发了行点击事件

$('tr').click(function(){
     alert('you clicked the row');
});
$('#yes').change(function(){
      alert('you clicked the checkbox');
});

如果元素是动态创建的，这行得通吗:

        $('#someTableId').on('click','#yes',function(e){
            alert($(this).attr('id'));
            e.stopPropagation();
    });

更新:第 2 部分的答案是肯定的。

Answer 1

您可以使用 event.stopPropagation()试试这个:-

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

Demo