如果单击select，则jQuery停止行单击以启用工作复选框

Question

点击该行时，我使用以下内容切换行内的复选框：

jQuery(document).ready(function(){
jQuery(".et-row").on('click',function(){
vartheinputs=jQuery(this).find('input');
if(jQuery(vartheinputs).is(":checked")){
jQuery(vartheinputs).prop("checked",false).trigger("change");
}
else{
jQuery(vartheinputs).prop("checked",true).trigger("change");
}
});
});

它运作良好但我需要排除行内部的一些内容来切换复选框。如果我有：

<select class="qty">
<option>Option</option>
<option>Option</option>
</select>

在表格行的内部，如何阻止它切换复选框？

Answer 1

在不应该触发行单击的元素上，停止传播事件，使用jQuery可以使用https://api.jquery.com/event.stoppropagation/  因此，要阻止您的选择触发行的点击，您可以执行以下操作：

$("select.qty").on('click', function(event) {
    event.stopPropagation();
});