在更改div内的任何复选框时触发一个函数

Question

假设div中有多个复选框(称之为"startwars")我知道如果通过执行以下操作来改变或点击整个页面上的复选框状态,如何检查并触发函数:

$('input[type=checkbox]').click(function() {
    console.log("somethign is checked on the page")
});

但是,如果我想将该范围限制为div并检查是否有任何复选框状态被更改/单击在div内部,

如果使用JQuery在div元素中更改/单击任何复选框,我想触发一个函数

Answer 1

向想要限制范围的div添加一个类或id,并在jQuery中的选择器中使用它

<div class='limited'>
    <input type='checkbox' />
</div

JS

$('.limited input[type=checkbox]').change(function() { // while you're at it listen for change rather than click, this is in case something else modifies the checkbox
    console.log("something is checked on the page")
});