Javascript 检查动态生成的输入ID

我有一个复选框列表，如下所示：

@foreach($documents as $PDF)
<input {{$PDF->problem != 0 ? "disabled" : ""}}type="checkbox"
        id="mail_{{$PDF->id}}" value="{{$PDF->id}}"
          name="email[]"
          >

<input type="checkbox"
         id="post_{{$PDF->id}}" value="{{$PDF->id}}"
          name="post[]"
          >
@endforeach

@foreach（$PDF格式的文档）
问题！=0 ? 已禁用“：”}}type=“复选框”
id=“mail{{$PDF->id}}”value=“{{{$PDF->id}}”
name=“电子邮件[]”
>
@endforeach

当您单击这些复选框中的任何一个时，应该调用jQuery函数，该函数将使用单击的复选框的值

仅当单击这两个生成的复选框时，我调用函数时遇到问题

但是，页面中有更多的输入和复选框，因此类似于

$（文档）。委托（'input'，'click'，function（event）

是不可能的

---

肯定有更简单的方法可以做到这一点。

为这些元素添加一个公共CSS类

<input class="checkbox" type="checkbox" id="post_{{$PDF->id}}"

---

注意

.delegate（）

是为了

从jQuery 1.7开始，

.on（）

方法提供附加事件处理程序所需的所有功能

所以将代码更改为

$(document).on('click', '.checkbox:checkbox', function (event)...

---

您应该使用最接近的静态容器来代替

文档

，以获得更好的性能。

为这些元素添加一个公共CSS类

<input class="checkbox" type="checkbox" id="post_{{$PDF->id}}"

---

注意

.delegate（）

是为了

从jQuery 1.7开始，

.on（）

方法提供附加事件处理程序所需的所有功能

所以将代码更改为

$(document).on('click', '.checkbox:checkbox', function (event)...

您应该使用最接近的静态容器来代替

文档

，以获得更好的性能