jquery ui tooltip for checkbox

Question

I can't get the jquery ui tooltip to show for a checkbox...am I doing something wrong or is this not possible?

<input name="item.AutoOpen" class="check-box" id="item_AutoOpen" type="checkbox" CHECKED="checked" data-val-required="The Auto Open field is required." data-val="true" value="true"/>

 <button class='m-btn blue' title="test" style='width: 200px;margin:4px;'>hello</button>

<script type="text/javascript">
    $(function () {
        $("*").tooltip({ content: "Awesome title!" });     
    });
</script>

Works for the button but not the checkbox.

http://jsfiddle.net/XseWc/123/

EDIT: wasn't working because of the lack of a title (which I had avoided adding because you cant add a title easily using EditorFor in ASP.Net MVC)...

Solution:

 $(':checked').attr('title', 'Auto Load').tooltip();

user1326628 · Accepted Answer · 2012-12-04 11:10:56Z

9

Add title attribute to the checkbox

answered Dec 4, 2012 at 11:10

user1326628

Sign up to request clarification or add additional context in comments.

1 Comment

woggles Over a year ago

thanks that does it...was trying to avoid doing that because of the limitation with EditorFor in ASP.NET MVC - ill try add the title using jquery before the call to tooltip.

Collectives™ on Stack Overflow

jquery ui tooltip for checkbox

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related