Javascript html5 div内部标签

我正在努力确保我的webapp符合HTML5，通过这样做，我发现了一个HTML5错误。我目前正在使用以下代码：

<label><div class="someClass"><input type="checkbox" name="ChkBox[]" value="0">Some text goes here</div></label>
<label><div class="someClass"><input type="checkbox" name="ChkBox[]" value="1">Some text goes here</div></label>
<label><div class="someClass"><input type="checkbox" name="ChkBox[]" value="2">Some text goes here</div></label>

这里有一些文字
这里有一些文字
这里有一些文字

---

我的意图是使用div和css创建一个容器，以便在用户单击容器上的任意位置时，自动选中相应的框。有没有更好的方法在不使用大量javascript或jquery的情况下实现这一点？请记住，复选框的数量会有所不同。

您可以使用

元素上的

for

属性来判断标签用于哪个复选框。这样，当用户单击标签时，复选框将切换：

<input type="checkbox" name="ChkBox[]" id="first" value="0"><label for="first" class="someClass">Some text goes here</label>
<input type="checkbox" name="ChkBox[]" id="second" value="0"><label for="second" class="someClass">Some text goes here</label>
<input type="checkbox" name="ChkBox[]" id="third" value="0"><label for="third" class="someClass">Some text goes here</label>

这里有一些文字
这里有一些文字
这里有一些文字

设置标签的

显示：块


标签{
显示：块；
}
这里有一些文字
这里有一些文字
这里有一些文字
加入@satJ answer和@zzzzBov评论，我会：

<input type="checkbox" name="ChkBox[]" id="first" value="0"><label for="first"><span class="someClass">Some text goes here</span></label>
<input type="checkbox" name="ChkBox[]" id="second" value="0"><label for="second"><span class="someClass">Some text goes here</span></label>
<input type="checkbox" name="ChkBox[]" id="third" value="0"><label for="third"><span class="someClass">Some text goes here</span></label>

这里有一些文字
这里有一些文字
这里有一些文字
为什么不能只设置标签的样式？这就是
for
属性的作用。请参见此处：快速解决方案：将
切换到
，并将其设置为
显示：块
。斜视，在创建对象时，我尝试设置标签格式，但没有获得所需的格式。在做了更多的研究之后，我发现有块元素和非块元素，您可以将块更改为非块项，将非块更改为块项。这是由于缺乏经验和自学。SatJ，在创建对象时，我刚刚找到了上述方法，并没有意识到该编码不符合要求。当我审查代码并检查HTML5问题时，我只是看不到树木中的森林。