Javascript jQuery：如何在mouseover上显示复选框值（没有title属性）

我对jQuery非常陌生，需要以下方面的帮助

我有一个带有大量动态复选框的HTML页面，并且希望在鼠标上方显示复选框的值，而不必在代码中为每个复选框添加title属性

此外，复选框的值可能与她旁边显示的文本（标签）不同。 复选框始终位于类为“

”的div中。divCheck“

，上述内容适用于这些div中的所有复选框（所有复选框的设置方式相同）

到目前为止，我有以下几点可以正常工作，但速度似乎很慢（至少在我的测试环境中）

是否有更快/更好的方法来实现这一点，或者可以编写不同的代码（jQuery或HTML）以使其运行更快

我的HTML（简化）：

<div class="divCheck">
    <input type="checkbox" name="language" class="checkSingle" id="language1" value="de - German" />
        <label for="language1">de</label>
    <input type="checkbox" name="language" class="checkSingle" id="language2" value="en - English" />
        <label for="language2">en</label>
    <input type="checkbox" name="language" class="checkSingle" id="language3" value="es - Spanish" />
        <label for="language3">en</label>
    <!-- ... -->
</div>

$('div.divCheck label').on('mouseover', function(){
    var checkID = $(this).attr('for');
    var checkVal = $('#'+checkID).val();
    $(this).prop('title', checkVal);
});

非常感谢您的帮助，

---

Mike

无需使用事件处理程序，您可以按如下方式编程设置标题

$('div.divCheck label').attr('title', function(){
    return $(this).prev('input').val()
});

$（'div.divCheck label'）.attr（'title'，function（）{
返回$（this.prev（'input'）.val（）
});

判定元件
EN
EN
无需使用事件处理程序，您可以像

$('div.divCheck label').attr('title', function(){
    return $(this).prev('input').val()
});


$（'div.divCheck label'）.attr（'title'，function（）{
返回$（this.prev（'input'）.val（）
});

判定元件
EN
EN
工具提示库（如）可以帮助您
工具提示库（如）可以帮助您
您可以将复选框的
title
属性设置为value。这样，您就不需要任何库/插件了

$(':checkbox').prop('title', function() {
    return $(this).val();
});

演示：
您可以将复选框的
title
属性设置为value。这样，您就不需要任何库/插件了

$(':checkbox').prop('title', function() {
    return $(this).val();
});

演示：
我尽量避免在可能的情况下添加额外的库，但感谢您。我尽量避免在可能的情况下添加额外的库，但感谢您。也感谢您！也谢谢你！非常感谢-这正是我想要的！我会尽快接受。：）最后一个问题：我可以用.prop作为标题吗？我不久前就开始改用这个了，因为我认为这是新的标准。谢谢，阿伦！工作完美。非常感谢-这正是我想要的！我会尽快接受。：）最后一个问题：我可以用.prop作为标题吗？我不久前就开始改用这个了，因为我认为这是新的标准。谢谢，阿伦！工作完美。