Я хочу получить текст метки на флажок переключателя

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

Вы также можете сделать это так:

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

Answer 3

Другое решение

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

и ссылка: http://jsfiddle.net/jWB7t/2/

Answer 4

Вот способ, который не зависит от структуры и производительности:

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

Answer 5

Попробуйте

здесь, по вашему мнению, элемент html-метки находится рядом с элементом div, поэтому вам нужно перейти на два уровня выше, то есть перейти к родительскому элементу parent, который является div, поэтому скрипт ............ ..

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