JQuery Tooltip Hover on Radio Button

jquery html radio-button tooltip tipsy
Charlie Yabben picture Charlie Yabben · Oct 5, 2012 · Viewed 13.4k times · Source

I want to have a tooltip show on hover over a radio button. So I'm trying to use this plugin: tipsy. So here's my html:

<label><input type="radio" name="options" value="1" class="required" id="option1"> Option1</label>

And then I tried something like this:

$("#option1").tipsy({fallback: "test" });

But when i hovered over the radio button, nothing appeared. Why isn't anything appearing and how do I make it work?

Answer

Ricardo Alvaro Lohmann picture Ricardo Alvaro Lohmann · Oct 5, 2012

Add title to your input.

<input type="radio" name="options" value="1" class="required" id="option1" title="MyText">

Related questions

How can I know which radio button is selected via jQuery?

I have two radio buttons and want to post the value of the selected one. How can I get the value with jQuery? I can get all of them like this: $("form :radio") How do I know which one is …

Read More
In jQuery, how do I select an element by its name attribute?

I have 3 radio buttons in my web page, like below: In jQuery, I want to get the value of the selected radio button when any of these three are clicked. In jQuery we have id (#) and class (.) selectors, but what …

Read More
Jquery If radio button is checked

Possible Duplicate: Check of specific radio button is checked I have these 2 radio buttons at the moment so that the user can decide whether they need postage included in the price or not: <input type="radio" id="postageyes" name="…

Read More