我想查看单选按钮上的标签文本

Question

HTML：

<span style="display:inline-block;width:250px;">
    <div class="radio" id="uniform-rdo">
        <span>
            <input id="rdo" type="radio" name="lossDes" value="rdo" onclick="LossDes();" style="opacity:0; ">
        </span>
    </div>
    <label for="rdo">Insured drove into water.</label>
</span>

jQuery的：

var lossOptionsVal = $('input[name=lossDes]:checked').next('label').text();

现在我想在单选按钮的检查中获取标签标签内的文本

Answer 1

我想你在找

$("#rdo").click(function() {
    alert($(this).parents("div").next("label").text());
});

请注意，我使用的是jQuery click方法，将OnClick事件绑定到输入上，而不是在html中定义。

试试看： http : //jsfiddle.net/8d3gR/

Answer 2

尝试

在这里，按照您的说法，html label元素位于div元素旁边，因此您需要向上两级，即要求移到div的parent的parent，因此脚本是..............

var lossOptionsVal = $('input[name=lossDes]:checked')
                          .parent().parent().next('label').text(); 

Answer 3

这是一种与结构无关，性能轻的方法：

$('body')
    .delegate('input[type="radio"]', 'click', function() {
        var label_text = $('label[for="' + $(this).attr('id') + '"]').text();
        // do whatever you need
    });

Answer 4

另一种解决方案

$("input[name=lossDes]").click(function() {        
    alert($(this).parents().eq(1).next().text());
});

和链接： http : //jsfiddle.net/jWB7t/2/

Answer 5

您也可以这样做：

$('input:[type=radio]').click(function(){  
    var lossOptionsVal = $('label:[for='+$(this).attr('id')+']').text();  
    alert(lossOptionsVal);  
});