Как навести подсказку jquery на все мои радио-кнопки

Question

Как навести подсказку jquery на все мои радио-кнопки

0

У меня есть форма, в которой у меня есть кнопка наверху. Если я нажму на эту кнопку, то она показывает четыре переключателя внизу. И теперь я планирую навести курсор подсказки на jquery на всех моих радио-кнопках.

Вот мой jsfiddle.

Если я перемещаю мышь на TEST1, я бы хотел показать Hello Test1
Если я перемещаю мышь на TEST2, я бы хотел показать Hello Test2
Если я перемещаю мышь на TEST3, я бы хотел показать Hello Test3
Если я перемещаю мышь на TEST4, я хотел бы показать Hello Test4

Возможно ли это сделать? Я видел этот пример, но у них есть радиокнопка в div, так что не уверен, как это будет работать в моей ситуации.

Может ли кто-нибудь представить пример jsfiddle?

ЗАМЕТКА:-

Hello Test1 - просто пример, это может быть любое слово или параграф из двух трех строк. Когда я буду интегрировать код, я буду использовать разные слова для всех своих переключателей.

jignesh kheni 22 март 2014, в 07:14

Источник

0

Вы можете использовать атрибут заголовка, но он будет показывать всплывающую подсказку на кнопке, не уверен в тексте
Vinod Louis 22 март 2014, в 05:42

Теги:

javascript

jquery

html

css

2 ответа

0

Вы можете перебирать радиокнопки и устанавливать для нее заголовок

$("input[type*=radio]").each(function(i,value){ 
    $(this).attr("title","Hello "+$(this).val());
    });

http://jsfiddle.net/4Nmqk/30/

Sridhar Narasimhan 22 март 2014, в 04:05

0

см. мой обновленный вопрос .. Привет Тест 1 был просто примером .. Это может быть любое слово или параграф ...
user2467545 22 март 2014, в 05:51
0

вы можете установить заголовок, если это возможно, иначе вы можете изменить его динамически в итерации
Sridhar Narasimhan 22 март 2014, в 06:03

Ещё вопросы

Вы можете использовать атрибут заголовка, но он будет показывать всплывающую подсказку на кнопке, не уверен в тексте
см. мой обновленный вопрос .. Привет Тест 1 был просто примером .. Это может быть любое слово или параграф ...
вы можете установить заголовок, если это возможно, иначе вы можете изменить его динамически в итерации

jignesh kheni · Accepted Answer · 2014-03-22T03-44-00.000Z

здесь прилагается демонстрационная ссылка, пожалуйста, смотрите:

http://jsfiddle.net/4Nmqk/32/

добавьте это в свой js

$('label').tooltip({
    placement : 'top'
});

вы html, как это

    <label  title='hello test1'><input type="radio" name="data" id="data" value="test1">TEST1 </label>
    <label title='hello test2'><input type="radio" name="data" id="data" value="test2">TEST2 </label>
    <label  title='hello test3'><input type="radio" name="data" id="data" value="test3">TEST3 </label>
    <label  title='hello test4'><input type="radio" name="data" id="data" value="test4">TEST4 </label>

вы хотите, чтобы любое другое имя на каждом входе вы могли изменить название тега метки как ваш выбор.

вы также используете id = данные для всех четырех входных данных, это недопустимый html, вы можете использовать одно и то же значение только один раз для страницы, поэтому давайте разное значение id для всех четырех входных данных или вы можете использовать класс вместо id.

Спасибо jignesh .. В вашем примере радио кнопка выделяется жирным шрифтом .. Как бы я этого избежать? Возможно ли иметь тот же переключатель, который я использовал ранее, то есть не жирный?
да, вы можете указать css, если хотите пометить новую обновленную демонстрационную ссылку jsfiddle.net/4Nmqk/34