javascript – 单击href和单击复选框上的复选框

前端之家收集整理的这篇文章主要介绍了javascript – 单击href和单击复选框上的复选框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@

我知道有很多主题可以通过点击href查看复选框,但是在我看到的每个解决方案中,你都无法通过点击复选框来检查复选框,因为它包含了< a>.标签.

有我的HTML

我的Jquery:

    $("#cb").click(function(e) {
        e.preventDefault();
        $("#mode").prop("checked",!$("#mode").prop("checked"));
    })

我需要的 :

我需要通过单击复选框点击href AND来检查复选框.

如果这篇文章是重复的,我很抱歉,但我没有看到它,链接我的副本,我会删除它.

JSFiddle

最佳答案
单击输入时检查目标的标记名称以防止 – https://jsfiddle.net/fwzd08cw/2/

$("#cb").click(function(e) {
    if((e.target).tagName == 'INPUT') return true; 
    e.preventDefault();
    $("#mode").prop("checked",!$("#mode").prop("checked"));
});
$("#cb").click(function(e) {
  if((e.target).tagName == 'INPUT') return true; 
  e.preventDefault();
  $("#mode").prop("checked",!$("#mode").prop("checked"));
});

猜你在找的HTML相关文章