input要素のtype="checkbox"で出来ます.
見本
checkbox
仕様書
https://html.spec.whatwg.org/multipage/forms.html#checkbox-state-(type=checkbox)
属性
checkedで最初からcheckされている状態
イベント
チェックされたら関数を呼ぶ場合 (イベント)、onclickでオッケー.
ラベル
label要素でinput要素ごと囲めばよい
<label><input type="checkbox"> ここラベル</label>
checkboxの見た目を変える
いくつか方法がある.
- 画像をcheckマークの代わりに使う
- CSSを駆使してcheckマークを表現
2の例
cssだけでcheckboxやradioのデザインを変更webdev.jp.net