javascript - 通过单击带有 jQ​​uery 的标签立即获取单选按钮

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

嗨：您的 jsfiddle 没有发出任何警报，请在此处查看正确的演示”：http: //jsfiddle.net/NEu97/2/并感谢锯工：http: //jsfiddle.net/NEu97/5/

请让我知道进展如何，希望这会有所帮助，:)

jQuery代码

$(".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>
​