如何创建一个带有可点击标签的复选框，触发单独的事件，而不在复选框中签出/

Question

有一个关于可点击标签的问题，
我想知道如何制作可点击标签，这些标签不是签入/退出
复选框，而是触发影响复选框的单独事件。

这是带有复选框和标签的div：

<div class="containerSelectBox" id="multi_select">
<input type="checkbox" /><label id="a1"> This is checkbox </label><br/>
<input type="checkbox" /><label id="a2"> This is checkbox </label><br/>
<input type="checkbox" /><label id="a3"> This is checkbox </label><br/>
<input type="checkbox" /><label  id="a4"> This is checkbox </label><br/>
<input type="checkbox" /><label  id="a5"> This is checkbox </label><br/>
</div>

我喜欢发现的是，当点击每个标签时，它会提醒这个标签的id
我不能只在需要动态附加到onclick事件触发器的每个标签上写入onclick。

Answer 1

试试这个：

const labels = document.querySelectorAll("label");
labels.foreach(label => {
label.addEventListener("click", event => {
// PUT HERE WHAT YOU WANT TO DO WHEN THE 
LABEL IS CLICKED
})
})