Question

我有一些设计隐藏的单选按钮，标签可见并按照我的要求设置样式。

问题是当我点击标签时，我没有在第一次点击时获得单选按钮的值。

如果你看这里，你可以看到我的意思：http://jsfiddle.net/bQwtK/1/

有没有办法在第一次点击时获得价值？

ANSWER - 感谢asawyer和blocco- http://jsfiddle.net/bQwtK/14/

Answer 1

您的代码已损坏 - 您错过了JavaScript中的结束语。

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

点击标签有效。如果您想要单选按钮的值，请记住单击事件是指标签，而不是单选按钮。您必须访问“for”属性才能获得单选按钮，然后获取其值。

Answer 2

您可以使用代码here获取值：

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

Answer 3

Hiya：你的jsfiddle不提供任何警告，请在这里看到正确的演示“：http://jsfiddle.net/NEu97/2/＆amp;感谢锯工：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>

通过使用jQuery单击标签立即获取单选按钮

3 个答案: