如何使用JavaScript在deepdiv中触发复选框的onChange？

我有一个密码：

HTML代码：

<div id='outside_div'>
    <div>
        <input type='checkbox' name='mycheckbox1'>
        <input type='checkbox' name='mycheckbox2'>
        <input type='checkbox' name='mycheckbox3'>
    </div>
    <div>
        <input type='checkbox' name='mycheckbox4'>
        <input type='checkbox' name='mycheckbox5'>
        <input type='checkbox' name='mycheckbox6'>
    </div>
</div>
<div id='another_div'>
    <div>
        <input type='checkbox' name='mycheckbox1'>
        <input type='checkbox' name='mycheckbox2'>
        <input type='checkbox' name='mycheckbox3'>
    </div>
    <div>
        <input type='checkbox' name='mycheckbox4'>
        <input type='checkbox' name='mycheckbox5'>
        <input type='checkbox' name='mycheckbox6'>
    </div>
</div>

$('#outside_div').on('change', 'input[type=checkbox]', function(){
      if($(this).is(':checked') ){
        console.log('CheckBox inside outside_div is checked!');
      }
});

结果：

Javascript不会给出响应。我尝试过的另一种方法是将“外”部分改为“内”部分，然后开始工作。但是我不希望在_div之外为checkbox执行Javascript。任何人都可以解释我的代码出了什么问题，并分享解决方案

---

谢谢

这是编写函数的正确方法：

$('#outside_div').on('change', 'input[type=checkbox]', function(){
      if($(this).is(':checked') ){
        console.log('CheckBox inside outside_div is checked!');
      }
});

---

唯一的问题是缺少右括号和分号。

这是编写函数的正确方法：

$('#outside_div').on('change', 'input[type=checkbox]', function(){
      if($(this).is(':checked') ){
        console.log('CheckBox inside outside_div is checked!');
      }
});

---

唯一的问题是缺少右括号和分号。

is似乎工作正常@vinod louis:看来我在完整源代码中的问题是动态生成的复选框。但是谢谢你的回复，根据回答，你错过了结尾括号。这似乎很有效@vinod louis:看来我在完整源代码中的问题是里面的复选框是动态生成的。但是谢谢你的回复，因为你错过了结尾的括号