如何选择带有Codeception的div的“复选框”？

Question

所以我必须单击一个复选框，但这实际上是一个CSS div。实际输入不显示，或隐藏在某处。

这是未选中的：

<div class="list-item-cell checkbox-list-item">
                <div class="checkbox audience-checkbox-individual">
            <div class="checkbox-in">
                <input type="checkbox" name="audience-checkbox-923" id="audience-checkbox-923">
                <div class="checkbox-element"><svg class="svg-inline--fa fa-check fa-w-16 icon animated bounceIn" aria-hidden="true" data-prefix="far" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""></svg><!-- <i class="icon far fa-check animated bounceIn"></i> --></div>
            </div>
                            </div>
        </div>

这是选中的一个：

<div class="list-item-cell checkbox-list-item">
                <div class="checkbox audience-checkbox-individual checked">
            <div class="checkbox-in">
                <input type="checkbox" name="audience-checkbox-923" id="audience-checkbox-923">
                <div class="checkbox-element"><svg class="svg-inline--fa fa-check fa-w-16 icon animated bounceIn" aria-hidden="true" data-prefix="far" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""></svg><!-- <i class="icon far fa-check animated bounceIn"></i> --></div>
            </div>
                            </div>
        </div>

因此唯一更改的是类名。它得到一个选中的属性。我搜索了实际的复选框，但该复选框位于页面的后面，位于顶部。我尝试单击它，但出现错误，例如找不到该复选框。有想法吗？

哦，还有信息，这些都在列表项中，所以有更多具有相同名称的复选框。