在文档中单击如何在复选框中查找目标？

Question

如何查找目标是复选框？

$(document).click(function(e) {
    // Do things
});

如何找到这个？如果它的复选框不需要继续这个事件？

Answer 1

您可以检测点击所有元素（*），以便使用$(this)。

$("*").on("click", function (e) {

    if ($(this).attr("type") === "checkbox") {
        alert("Checkbox click!");
    }
});

JSFIDDLE

如果您想要检测点击次数 复选框，请使用input[type='checkbox']选择器。

$("input[type='checkbox']").click(function(){
    ...
});

与@XAOPT一样，我们也可以检测到document上的点击次数，然后使用e.srcElement验证它是否为复选框。

$(document).click(function(e) {    
    if(e.srcElement == "checkbox") { 
        alert("Checkbox click!");
    }
});

JSFIDDLE

Answer 2

或

$(document).click(function(e) {    
    if(e.srcElement.type == 'checkbox') 
        alert('checkbox');
});

Answer 3

$(document).on('click', ':checkbox', function() {
    // do things
});

除非有理由需要对文档进行一般性点击并亲自进行授权......

Answer 4

jQuery选择器可以为您做到这一点：

$("input[type=checkbox]").click(function(){
    ...
});

Answer 5

你可以用它 $（ “输入[类型= '复选框']”）。单击（函数（）{

}）;