效果 (源码网盘地址在最后)
源码
index.html
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>关注公众号《JavaScript 每日一练》</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="container">
<div class="checkbox">
<input type="checkbox" name="example" id="example" value="Bike"/>
<div class="checkbox-inner">
<label for="example"></label><span></span>
</div>
<div class="checkbox__on