Javascript 管理在div行中动态生成的元素的onclick事件

在我的Odoo模块中，我使用qweb生成一个行div，该行div可以包含不同的元素，如checkbox、texarea、input等

当我从数据库加载数据时。我知道元素行的id，并将其分配给可以包含元素的div行

我需要知道用户何时单击精确div行中的某个输入

代码：

但像这样，我需要检查div中的所有元素，并检查用户是否更改了某些内容

例如，我想知道用户是否单击id为1的div行内的复选框。 所以我有

row=1

和

复选框id=1回答\u yes\u type

。。。。我想知道用户是否单击了id 1answer\u yes\u type…或元素1answer\u值等

我该怎么办呢？

给你：

 $(document).ready(function () {
    $('.clicked').find("div").on("click", function(){
      var id = $(this).attr('id');
     var valueofcheckbox = $(this).find('input')[0].value;
    var textofcheckbox = $(this).first().text();
    alert('div id: '+ id + ' checkbox value: '+ 
       valueofcheckbox + ' text of checkbox: ' +textofcheckbox);
       })
   });

工作链接：

如果这有帮助，请告诉我，或者您需要了解其他任何信息

您不能使用find吗$（'.section_line'）.find（“div”）.on（“click”，function（）{alert（$（this.attr（'id'））}）

jQuery(document).ready(function () {
        $('.section_line').on("click", function () {
            var checklist_line_id = $(this).attr('id');
            alert(checklist_line_id);
        });
    });

 $(document).ready(function () {
    $('.clicked').find("div").on("click", function(){
      var id = $(this).attr('id');
     var valueofcheckbox = $(this).find('input')[0].value;
    var textofcheckbox = $(this).first().text();
    alert('div id: '+ id + ' checkbox value: '+ 
       valueofcheckbox + ' text of checkbox: ' +textofcheckbox);
       })
   });