Cómo tener jquery tooltip al pasar sobre todos mis botones de radio - javascript, jquery, html, css

Tengo una forma en la que tengo un botón en la parte superior. Si hago clic en ese botón, entonces se muestran cuatro botones de radio en la parte inferior ... Y ahora planeo tener la herramienta de jquery sobre todos mis botones de radio.

Aquí está mi jsfiddle.

• Si estoy moviendo mi mouse en TEST1 botón de radio, me gustaría mostrar Hello Test1
• Si estoy moviendo mi mouse en TEST2 botón de radio, me gustaría mostrar Hello Test2
• Si estoy moviendo mi mouse en TEST3 botón de radio, me gustaría mostrar Hello Test3
• Si estoy moviendo mi mouse en TEST4 botón de radio, me gustaría mostrar Hello Test4

¿Es posible hacerlo? yo vi esto ejemplo pero tienen un botón de radio en div de alguna manera, así que no estoy seguro de cómo funcionaría esto en mi situación.

¿Alguien puede dar ejemplo jsfiddle?

NOTA:-

Hello Test1 es solo un ejemplo, puede ser cualquier palabra o párrafo de dos tres líneas. Cuando integre el código, usaré palabras diferentes para todos mis botones de radio.

Respuestas

3 para la respuesta № 1

Aquí está adjuntar enlace de demostración por favor verlo:

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

agrega esto a tu js

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

html es así

    <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>

desea cualquier otro nombre para cada entrada, puede cambiar el título de la etiqueta como su elección.

también usa id = data para las cuatro entradas. Este no es un html válido. Puede usar id el mismo valor solo una vez para la página, así que asigne un valor de id diferente para las cuatro entradas o puede usar class en lugar de id.

---

0 para la respuesta № 2

Puedes iterar los botones de radio y establecer un título para ello

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

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

---