HTML チェックボックス 説明テキストをクリックすると、ステータスの選択/解除ができます。

ウェブ開発では、チェックボックスは小さくて使い勝手が悪いので、ユーザーのチェックボックス操作を容易にするために、説明テキストをクリックしてチェックボックスを選択／解除できるようにします
以下、簡単な方法です。
コードは以下のように実装されています。


ラベルを使用します。
説明テキストラベルはlabelでなければなりません
for リンクするチェックボックスのidを指定します。