ハイパーリンク付きの美しいチェックボックスを多くのコードなしでシンプルにカスタマイズ

今日、htmlのチェックボックスは変更できるスタイルが限られているし、今はチェックボックスを作るのにたくさんのコードを書かなければならないので、簡単に実装する方法を考えてみました。これが実現可能であることは完全に実証済みです。さっそくですが、参考までにソースコードを直接貼っておきます。
効果を達成しました。
チェックをはずした場合。 選択されている場合
画像の背景です。
checkboxSel.jpg
チェックボックスNoSel.jpg
コードです。
htmlのコードスニペットです。

javaScriptのコードスニペットです。

cssのコードスニペットです。

ステートメントを作らずに各ハイパーリンクを区別する方法はたくさんあり、実際、内側のライクラジオボックスボタンはこの方法で簡単に実装でき、時間を節約することができます。