回答

直接通过css代码，代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <style>
        input[type=checkbox].image-checkbox {
          display: none;
        }
        input[type=checkbox].image-checkbox+label {
          background-image: url("//repo.bfw.wiki/bfwrepo/image/60d599222968d.png");
          background-size: cover;
          display: block;
          height: 100px;
          width: 100px;
          margin: 15px;
        }
        input[type=checkbox].image-checkbox:checked+label {
          background-image: url("//repo.bfw.wiki/bfwrepo/image/60cd5f0c2d723.png");
           background-size: cover;
        }
    </style>

</head>

<body>
    <input class="image-checkbox" type="checkbox" id="hoge"><label for="hoge"></label>

    <input class="image-checkbox" type="checkbox" id="hoge2"><label for="hoge2"></label>

    <input class="image-checkbox" type="checkbox" id="hoge3"><label for="hoge3"></label>


</body>

</html>