Javascript 内联onclick事件不适用于ajax响应

我有一个html，当它加载时，如果它在页面中，它就会工作：

<input type="checkbox" name="originBusDock" value="Y"  />
<label for="originBusDock" onclick="document.booking.originBusDock.checked=(!document.booking.originBusDock.checked);">Loading Dock</label>

装货码头

如果我单击标签，它旁边的复选框将选中，如果我再次单击，它将取消选中

我的问题是，如果使用相同的代码用来自AJAX调用的响应数据填充空div，onclick事件将不起作用。 看来我必须“重新绑定到DOM”？？从我能找到的，但是怎么做呢？ 复选框的数量是可变的，它们都有不同的名称。在原始页面加载的页面中还有我不想影响的其他复选框。 我已经看到了这一点：但是它使用了一个固定的ID，我不会预先知道ID名称是什么，因为它是在AJAX调用中动态生成的。 希望这是有道理的。

---

TIA

标签基于

id

属性，而不是

名称

附加到其他元素，因此如果您确保输入具有

id

，如下所示：

<input type="checkbox" id="originBusDock" name="originBusDock" value="Y" />
<label for="originBusDock">Loading Dock</label>

装货码头

---

…那么您根本不需要

onclick

事件-单击标签将自动切换相关复选框。

我想我已经尝试过了，但我做的是：加载Dock感谢您的输入，虽然这解决了我的问题，但并没有完全回答我的问题。如何让onclick中的内联javascript在AJAX响应中返回时运行？抱歉，我在发布后意识到，我（可能）提供了一个解决方案，但没有实际回答这个问题，但我不确定答案是什么。我希望像您这样的内联onclick能够正常工作，前提是它不试图引用在那个点上不存在的其他元素。但是我不会使用

document.booking.originBusDock

语法，我会给它一个id并使用

document.getElementById（）

。好的。我会试试看。谢谢你的帮助。