label和input标签的羁绊

1.

<label >
<input type="checkbox" style="display:none"  />
</label>

这里即使将input标签设置为了display:none，但是由于将这个input标签写在了label标签内部，点击了lable标签也会触发input标签的点击事件，所以只需要给lable标签附上一个样式显示出来，就可以实现虚拟的一个checkbox。

2.下面这种方式也能实现上述的效果

<input type="checkbox" style="display:none" id="on" />
<label for="on"></label>

给label一个for属性，for属性的值就是联接的input标签的id值。