我有几个复选框。当我将鼠标悬停在这些复选框上时,我想显示一些属于这些复选框的信息。我如何使用JS或JQuery来做到这一点? 想这是我的复选框如何显示悬停在复选框上的某些信息?
<input type="checkbox" value="monday" checked="checked">
我想显示用户“你好用户或值‘星期一’或从我的数据库。如何一些数据?
我有几个复选框。当我将鼠标悬停在这些复选框上时,我想显示一些属于这些复选框的信息。我如何使用JS或JQuery来做到这一点? 想这是我的复选框如何显示悬停在复选框上的某些信息?
<input type="checkbox" value="monday" checked="checked">
我想显示用户“你好用户或值‘星期一’或从我的数据库。如何一些数据?
只需添加一个‘title’属性您HTML对象。
<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');
最简单... – user3370889
对触摸屏没有好处 – SSED
@SSED - 触摸屏没有“悬停”。您需要使用“touchstart”事件来尝试创建一些简单的事件。 https://开头计算器。com/a/39387341/884862 HTML标题属性和它的功能是在触摸屏是事物之前创建的,所以你必须完全依靠JavaScript来获得你想要的东西。 –
<input type="checkbox" id="cb" value="monday" checked="checked">
$("#cb").hover(
function() {
// show info
},
function() {
// hide info
}
);
或者您也可以添加标题属性的元素
以快速粗刺(未测试什么的,并没有完全理解你想要的..更何况你已经什么实际上试过..也许东西的程度..
$('input:checkbox').mouseover(function()
{
/*code to display whatever where ever*/
//example
alert($(this).val());
}).mouseout(function()
{
/*code to hide or remove displayed whatever where ever*/
});
当然
有很多方式去这样做同样的事情,从或许真的使用toggle()
的东西升IKE on()
您可以使用属性标题和步渲染从数据库添加标题的价值
input type='checkbox' title='tooltip 2'
您可以用js插件(你需要的属性requered文本的增值,见文档) http://onehackoranother.com/projects/jquery/tipsy/
这里是你的答案:
<input type="checkbox" value="monday" checked="checked">
<div>informations</div>
和CSS:
input+div{display:none;}
input:hover+div{display:inline;}
你有一个例子here
具有HTML结构类似:
<div class="checkboxContainer">
<input type="checkbox" class="checkboxes"> Checkbox 1
<div class="infoCheckbox">
<p>Info on checkbox 1</p>
</div>
</div>
<div class="checkboxContainer">
<input type="checkbox" class="checkboxes"> Checkbox 2
<div class="infoCheckbox">
<p>Info on checkbox 2</p>
</div>
</div>
<div class="checkboxContainer">
<input type="checkbox" class="checkboxes"> Checkbox 3
<div class="infoCheckbox">
<p>Info on checkbox 3</p>
</div>
</div>
您可以轻松地显示出与“本”的jQuery的处理程序是指当前元素的文本徘徊:
$(".checkboxContainer").hover(
function() {
$(this).find(".infoCheckbox:first").show();
},
function() {
$(this).find(".infoCheckbox:first").hide();
}
);
是的,这是可能的(和jQuery **是** JavaScript)。 [你有什么*尝试过?](http://whathaveyoutried.com) –
这个问题是在谷歌的第一击,并帮助我。投票重新开放。 – Basilevs