jquery - 隣のボックスにチェックマークを入れた後、テキストを太字にしたい

Question

Webフォームにリストがあります。リストの各項目の横にはチェックボックスがあります。チェックボックスの中には、すでにチェックマークが付いているものもあれば、空になっているものもあります。

ボックスにチェックがあるときはいつでも、チェックボックスの横のテキストを太字に変えたいです。

そのため、デフォルトで隣のボックスにチェックマークが付いているテキストは、読み込み時に太字で表示されます。

横に空のチェックボックスがある項目テキストは、チェックマークを付けるとすぐに太字になります。

どうすればいいですか？

score 2 · Accepted Answer

チェックボックスがテキストの直前にあり、テキストがlabelタグで囲まれていることを確認する必要があります。

<input type="checkbox" id="will" checked /><label for="will">William</label>
<input type="checkbox" id="sue" /><label for="sue">Susan</label>

次に、チェックされた入力に固有の CSS を使用して、それらの後のラベルを太字で表示します。

input:checked+label{font-weight:bold;}

score 0 · Accepted Answer

「onChange」イベントリスナーを使用して、チェックボックスをクリックすると「checked」属性を取得できるようにします。true の場合、テキストにクラス名を適用して、テキストを太字形式にします。

読み込み時に自動的に太字で表示されるようにするには、上記と同様のコードセグメントを使用します。これは、読み込みイベントが発生したときに実行されます (つまり、window.onload または $(document).ready() など)。

2 に答える 2