如何在复选框上悬停时显示一些信息？

Question

我有几个复选框.当我将鼠标悬停在它们上面时,我想显示属于这些复选框的一些信息.我如何使用JS或JQuery做到这一点？假设这是我的复选框

 <input type="checkbox" value="monday" checked="checked">

我想向用户显示"Hello User或value'monday'或我的数据库中的一些数据.怎么样？

Answer 1

只需在HTML对象中添加"title"属性即可.

<input title="Text to show" id="chk1" type="checkbox" value="monday" checked="checked" />

或者在JavaScript中

document.getElementById("chk1").setAttribute("title", "text to show");

或者在jQuery中

$('#chk1').attr('title', 'text to show');

Answer 2

您可以使用属性标题和步骤渲染添加数据库中标题的值

 input type='checkbox' title='tooltip 2'

您可以使用js插件(您需要添加已重新加载的文本的值作为属性,请参阅文档) http://onehackoranother.com/projects/jquery/tipsy/

Answer 3

这是你的答案:

<input type="checkbox" value="monday" checked="checked">
  <div>informations</div>

和css:

input+div{display:none;}
input:hover+div{display:inline;}

你有一个例子在这里