Javascript 如何将div id作为参数从checkbox传递给onclick方法？ 有许多div。每个div都有一组复选框 所有复选框都具有相同的onClick事件处理

复选框的名称取决于div-id。
因此，我需要在调用onClick函数时将div id作为参数发送。调用onClick函数时，有没有办法发送div的id？代码如下：

<form name="formName">
    <div id="groupA">
        GroupA checkbox list: <br>
        <input type='checkbox' name='groupA[]' value='Val1' onclick="onClickFunction(name)">Val1<br>
        <input type='checkbox' name='groupA[]' value='Val2' onclick="onClickFunction(name)">Val2<br>
        <input type='checkbox' name='groupA[]' value='Val3' onclick="onClickFunction(name)" checked>Val3<br>
        <input type='checkbox' name='select_all_groupA' value='All' onclick="onClickFunction(name)" checked>All<br>
    </div>

    <div id="groupB">
        GroupB checkbox list: <br>
        <input type='checkbox' name='groupB[]' value='ValX' onclick="onClickFunction(name)">ValX<br>
        <input type='checkbox' name='groupB[]' value='ValY' onclick="onClickFunction(name)" checked>ValY<br>
        <input type='checkbox' name='select_all_groupB' value='All' onclick="onClickFunction(name)" checked>All<br>
    </div>
</form>

GroupA复选框列表：

Val1

Val2

Val3

全部

GroupB复选框列表：

ValX

山谷

全部

---

如何做到这一点？谢谢。

使用

这个.parentNode.id

<input type='checkbox' name='groupA[]' value='Val1' onclick="onClickFunction(this.name,this.parentNode.id)">Val1<br>

GroupA复选框列表：

Val1

Val2

Val3

全部

GroupB复选框列表：

ValX

山谷

全部

如果目的是获取父详细信息，另一种方法是从事件处理程序中检查事件目标的父节点

函数clickHandler（事件）{
var targetElement=event.target；
var id=targetElement.parentNode.id；
}
//以Jquery的方式
函数clickHandler（事件）{
var divId=$（event.target）.parent（）.attr（“id”）；
}

这将发送复选框的名称，而不是div的id。我需要同时传递（名称，div_id）。如何传递div_id？这将在单击函数（this.name、this.parentNode.id）时执行