我知道有时将标签与复选框相关联是好的：
<input id="something" type="checkbox" value="somevalue" />
<label for="something">this is label text</label>
..但是我必须使用 id 来关联它吗？
我什至关心的主要原因是因为我喜欢能够单击标签来切换复选框值，但不喜欢将 id 用于如此简单的事情的想法。
我想我可以使用 jQuery 切换单击标签的前一个元素（复选框），但也许我缺少一些更简单的东西。https://stackoverflow.com/a/2720771/923817看起来像一个解决方案，但用户说它在 IE 中不起作用。
演示：JsFiddle
.c-custom-checkbox {
padding-left: 20px;
position: relative;
cursor: pointer;
}
.c-custom-checkbox input[type=checkbox] {
position: absolute;
opacity: 0;
overflow: hidden;
clip: rect(0 0 0 0);
height: 15px;
width: 15px;
padding: 0;
border: 0;
left: 0;
}
.c-custom-checkbox .c-custom-checkbox__img {
display: inline;
position: absolute;
left: 0;
width: 15px;
height: 15px;
background-image: none;
background-color: #fff;
color: #000;
border: 1px solid #333;
border-radius: 3px;
cursor: pointer;
}
.c-custom-checkbox input[type=checkbox]:checked + .c-custom-checkbox__img {
background-position: 0 0;
background-color: tomato;
}<label class="c-custom-checkbox">
<input type="checkbox" id="valueCheck" />
<i class="c-custom-checkbox__img"></i>Some Label
</label><label for="something">this is label text</label>
<input id="something" type="checkbox" value="somevalue" />
实际上 for 属性是用于屏幕阅读器的残疾人，所以没有 for 属性对于可访问性写入没有用