需要使用jquery为两个不同的复选框设置单独的单击事件.

Question

我有两套复选框.一个用于类别,一个用于产品.

对于类别,我有这个

<div id="category">
    <input type="checkbox" id="cateogry1">
    <input type="checkbox" id="cateogry2">
    <input type="checkbox" id="cateogry3">
</div>

对于产品,我有这个

<div id="product">
    <input type="checkbox" id="product1">
    <input type="checkbox" id="product2">
    <input type="checkbox" id="product3">
</div>

我最初做的是通过每个复选框循环并为这样的所有人注册了一个点击事件

$("input:checkbox").each(function(){
     var localCheckboxId = '#'+$(this).attr('id');
     $(localCheckboxId).click(function() { 
     //did something
     });
});

现在我想分离类别和产品的点击事件.

如何使用jquery做到这一点？

Answer 1

使用包含divID:

产品介绍:

$("#product input:checkbox").click(...

分类

$("#category input:checkbox").click(...