встроенное событие onclick не работает с ответом ajax

Question

У меня есть этот HTML, который работает, если он находится на странице при загрузке:

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

Если я нажимаю на ярлык, флажок рядом с ним проверяется, и если я нажимаю снова, он снимает флажок.

Моя проблема в том, что если я заполняю пустой div с данными ответа от вызова AJAX с тем же кодом, событие onclick не работает.Похоже, я должен "привязать к DOM" ??из того что я смог найти, но как это сделать?Количество флажков является переменным, и все они имеют разные имена.Есть также другие флажки на странице от загрузки исходной страницы, на которые я не хочу влиять.Я видел это: событие onclick на выходе Ajax , но оно использует фиксированный идентификатор, и я заранее не знаю, какими будут имена идентификаторов, поскольку они генерируются динамически при вызове AJAX.Надеюсь, что это имеет смысл.ТИА

Answer 1

Метки прикрепляются к другим элементам на основе атрибута id, а не name, поэтому, если вы убедитесь, что ваши входные данные имеют id следующим образом:

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

... тогда вам вообще не нужно событие onclick - нажатие на метку автоматически переключит соответствующий флажок.