labelのあとにinputのcheckboxを持ってきたいのですが問題なく動作する方法を教えて下さい。

Question

<label for="hoge">〇〇</label><input type="checkbox" id="hoge">が動きません。
labelが先だと動かないものなのでしょうか。

Answer 1

<label><input type="checkbox" />ラベル</label>

<label>ラベル<input type="checkbox" /></label>

特にこだわりがなければこれでいい。

Comments

[退会済みユーザー]

他の回答者様の言うように動かないはずはない…

おおかた同じIDが重複しているような推測…

Answer 2

記載されてるソースで、私の環境でも問題なく動きました。
もう少し詳しい状況を教えていただけると嬉しいです。

Answer 3

動かない、というのは、チェックボックスが正常にチェックできないって言うことですか?
自分の環境で試したところだと、正常にチェックはできます。

まさか、nameとvalueをセットしてないので、フォームにデータが渡ってない、っていうオチじゃないですよね?

Answer 4

IE11、Chrome、Firefox、Opera、Windows Safari、Sleipnirと試してみましたが、どれも動きました…。

Answer 5

環境の状況を教えてください。正常に動く気がします。