checkbox复选框大家应该不会陌生，点击此元素可以实现选中或者取消效果。
下面介绍一种更为人性化的措施，点击指定相关内容即可以实现选中和取消选中效果。
代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>web前端学习扣qun：731771211 每日分享技术，学术交流</title>
</head>
<body>
<input id="ck" type="checkbox" />
<label for="ck">认真学前端</label>
</body>
</html>