欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-31 13:14:32
...

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>