備忘録と勉強のために残しておくだけ。

要件

以下の項目を記載したチェックボックスを作成
・りんご(value = apple)
・バナナ(value = banana)
・みかん(value = orange)

各項目のvalueと同じクラス名をもつdivを作成

<div class="apple">りんご</div>
<div class="banana">バナナ</div>
...

コードとデモ

JSに関してはコードの中にコメントあり。