本文介绍了如何在项目中个性化checkbox的点击事件，由于原生样式不理想，作者研究了如何修改样式。文章提供了样式灵感来源，并附带了一个使用jQuery实现的示例，包括HTML、JavaScript和CSS代码，展示了点击事件后样式的变化。
由于需要个性化checkbox的点击事件，不得以研究了一下点击事件。奈何这个项目组居然没有checkbox的样式，看着这原生的样式丑到爆，不得以研究了一下checkbox。（radio也是同理，区别是最好通过条件控制只能单选。）
这里先附上样式灵感来源地址
如果有需要变更图标的，可以在上述地址选取。
效果图：
tip:这里的文字是点击事件之后生成的。
代码：
test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="checkbox.css" />
</head>
<body>
<div>
<div class="checkboxdiv">
<div class="checkboxstatus">
<input id="input" type="checkbox" /&
最低0.47元/天 解锁文章
413
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
