web前端html实例-点击相文字选中和取消选中checkbox复选框

2019年5月12日 106次阅读 来源: IT智云编程

《web前端html实例-点击相文字选中和取消选中checkbox复选框》

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>
    原文作者：IT智云编程
    原文地址: https://www.jianshu.com/p/9983fdee6ad3
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞