结合input与label设置一个伪复选框

最新推荐文章于 2021-12-09 10:16:19 发布

flatshoe

最新推荐文章于 2021-12-09 10:16:19 发布

阅读量194

点赞数

分类专栏： css 文章标签：复选框样式 label html css

本文链接：https://blog.csdn.net/flatshoe/article/details/103308338

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

通过label设置一个伪复选框

	<script type="text/javascript">
		let flag = true;  
		document.getElementById('lableCb').addEventListener('click', function () {	
			// 监听事件 改变伪复选框的样式
			if (flag) {
				this.className = 'active';
				flag = false;
			} else {
				this.className = '';
				flag = true;
			} 
			
		});
	</script>
</body>