Отображение всплывающей подсказки при наведении курсора на метку переключателя в JQuery

У меня есть несколько переключателей в форме:

<div id="data_id-block">
<dt id="data_id-label"><label class="required">Data</label></dt>
<dd id="data_id-element">
    <label for="data_id-1">
        <input type="radio" name="data_id" id="data_id-1" value="1" />test 1
    </label><br />
    <label for="data_id-2">
        <input type="radio" name="data_id" id="data_id-2" value="2" />test 2
    </label><br />
    <label for="data_id-4">
        <input type="radio" name="data_id" id="data_id-4" value="4" /> Test Data
    </label><br />
    <label for="data_id-5">
        <input type="radio" name="data_id" id="data_id-5" value="5" /> Second Test Data
    </label><br />
    <label for="data_id-6">
        <input type="radio" name="data_id" id="data_id-6" value="6" />Unassigned
    </label>
</dd>

I'm trying to display a tooltip when a user hovers over the label of the radio button. I can do this but I also want to get whatever is in the 'value' property of the radio button. My attempts to this resulted in only the 'value' of the radio button being returned regardless of which radio button was hovered over.

Цените помощь.


php jquery zend-form
person Mr B    schedule 20.10.2011    source источник
comment
Можете ли вы показать код, который вы используете в настоящее время, чтобы попытаться получить значение?   -  person kinakuta    schedule 20.10.2011

Ответы (2)


arrow_upward
1
arrow_downward

Если я вас правильно понял, вы хотите получить значение переключателя, связанного с label, при наведении курсора на label. Если это так, попробуйте что-нибудь вроде этого:

$("label").mouseover(function() {
    var radioButtonValue = $(this).find("input").val(); 
});

Вот рабочий пример.

person James Allardice    schedule 20.10.2011
comment
Да, это то, что я хочу. Я посмотрел на пример, но в консоль ничего не записывается ... - person Mr B; 20.10.2011
comment
@Sid - В каком примере? Ссылка, опубликованная в моем ответе, определенно регистрирует значения на моей консоли! В ссылке, размещенной HerrSerker в комментариях, значение используется как атрибут title. - person James Allardice; 20.10.2011
comment
В обоих примерах я щелкал ссылку, затем наводил курсор на ярлыки и проверял консоль с помощью firebug, но там ничего не было. Очевидно, что-то не так с моей настройкой или тем, как я ее проверяю. - person Mr B; 20.10.2011

arrow_upward

arrow_downward

person    schedule
comment
этот код использует значение ‹label for = ''› для поиска этого переключателя. Это означает, что это не зависит от структуры html, просто значение вашего атрибута «for» является точным. - person DefyGravity; 20.10.2011
comment
Спасибо, это работает, но не могли бы вы объяснить код функции (события) {.. и далее, пожалуйста? - person Mr B; 20.10.2011
comment
больше нот, чем вы можете потрясти палкой;) - person DefyGravity; 20.10.2011