我知道有时将标签与复选框相关联是一件好事：
<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中不起作用。
Answers:
演示：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属性的可访问性写没有用