[英]Cancel triggering of click event on checkbox selection
我有这段HTML:
<tr class="acord">
<td colspan="4"><input class="marcatodos" type="checkbox" value="1"/>Clientes</td>
</tr>
<tr>
<td>
<label>
<input name="vCliente" class="marcar" type="checkbox" checked="checked" value="1" />
<span class="lbl"> Visualizar Cliente</span>
</label>
</td>
<td>
<label>
<input name="aCliente" class="marcar" type="checkbox" value="1" />
<span class="lbl"> Adicionar Cliente</span>
</label>
</td>
<td>
<label>
<input name="eCliente" class="marcar" type="checkbox" value="1" />
<span class="lbl"> Editar Cliente</span>
</label>
</td>
<td>
<label>
<input name="dCliente" class="marcar" type="checkbox" value="1" />
<span class="lbl"> Excluir Cliente</span>
</label>
</td>
</tr>
和这个jQuery脚本:
$(".acord").click(function() {
$(this).next("tr").slideToggle(1);
});
这就是HTML生成的内容:
jQuery将带有标题(类accord
)的行隐藏在下面
我的问题是,当我单击复选框时,jQuery仍会触发它。
我如何才能使该功能仅在单击复选框外部时运行?
您可以检查特定元素是否通过event
的target
属性触发了click
事件。
$(".acord").click(function(e) { // Make your event handler accept an event parameter
if (e.target.tagName === 'INPUT') { // Any check against the element
return;
}
$(this).next("tr").slideToggle(1);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.