javascript - jQueryでラベルをクリックしてすぐにラジオボタンを取得する

Question

いくつかのラジオボタンを非表示にして、ラベルを表示したり、必要に応じてスタイルを設定したりできます。

問題は、ラベルをクリックすると、最初のクリックでラジオボタンの値が表示されないことです。

ここを見ると、私が何を意味しているのかがわかります：http: //jsfiddle.net/bQwtK/1/

最初のクリックで値を取得する方法はありますか？

答え-asawyerとblocco に感謝します-http ： //jsfiddle.net/bQwtK/14/

Answer 1

コードが壊れています - JavaScript で右中括弧がありません。

http://jsfiddle.net/bQwtK/5/

ラベルをクリックすると機能します。ラジオ ボタンの値が必要な場合は、クリック イベントがラジオ ボタンではなくラベルを参照することに注意してください。ラジオ ボタンを取得するには、"for" 属性にアクセスしてから、その値を取得する必要があります。

Answer 2

ここのコードで値を取得できます：

$(".label_size").click(function()
{
   alert($("#"+$(this).attr("for")).val());
})

Answer 3

Hiya: あなたのjsfiddleは警告を発しません。ここで正しいデモを参照してください" : http://jsfiddle.net/NEu97/2/

それがどうなるか教えてください。これが役立つことを願っています:)

Jクエリコード

$(".label_size").click(function()
{
   alert(' clicked value =' + $(this).text());
   alert(' correspong value =' + $('#'+$(this).attr('for')).val());
   alert("D");
});

    ​

HTML

<div class="radio">(This is styled to be hidden)
   <input name="size" class="radio_size" type="radio" id="radio_size_small" value="small "/>
   <input name="size" class="radio_size" type="radio" id="radio_size_medium" value="medium"/>
   <input name="size" class="radio_size" type="radio" id="radio_size_large" value="large"/>
</div>

<div class="radio_labels">
   <label class="label_size" for="radio_size_small" id="label_size_small">SMALL</label>
   <label class="label_size" for="radio_size_medium" id="label_size_medium">MEDIUM</label>
   <label class="label_size" for="radio_size_large" id="label_size_large">LARGE</label>
</div>
​