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

olhwl3o2  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(281)

**已关闭。**此问题需要调试详细信息。它目前不接受答案。
**想要改进此问题?**更新问题,使其位于堆栈溢出主题上。

两小时前关门了。
改进这个问题
有一个关于可点击标签的问题,
我想了解的是如何制作可点击的标签,而不是签入/ checkout
复选框,但触发影响复选框的单独事件。
这是带有复选框和标签的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 事件触发器。

m528fe3b

m528fe3b1#

试试这个:

const labels = document.querySelectorAll("label");
 labels.foreach(label => {
 label.addEventListener("click", event => {

       // PUT HERE WHAT YOU WANT TO DO WHEN THE 
      LABEL IS CLICKED
    })
 })

相关问题