点击文字选中checkbox复选框 checkbox绑定文字
的有关信息介绍如下:我们需要的效果就是点击文字就能选中复选框或者是取消选择复选框,这个其实是很简单的,下图就是效果。
实现的代码如下:第一种方法:文字必须是label标签内,checkbox的id和
实现代码如下:
第二种方法:把文字和checkbox包含在
代码如下:
全部代码如下:
* {margin:0;padding:0; list-style: none;font-family: '微软雅黑'}
.box {width: 400px; overflow: hidden; padding: 20px;}
input,label{vertical-align:middle;}
.check {width: 18px; height: 18px;}
label{font-size: 18px;}