取消选中复选框时禁用 :hover 效果答案

【问题标题】：Disable the :hover effect when unchecking a checkbox取消选中复选框时禁用 :hover 效果
【发布时间】：2016-02-17 18:43:18
【问题描述】：

当一个复选框被取消选中时，我如何删除“悬停”或隐藏它。现在，当我取消选中一个复选框时，悬停效果仍然存在，使它看起来很奇怪（见图）。当用户取消选中复选框时，看起来复选框已选中，但悬停效果仍然存在

Hoover effect pic

编辑：

胡佛在 css 中看起来像这样

.myclass:hover + span { 
position: absolute;
margin: 0px;
background-image: url(../img/image.svg);
background-size: cover;
background-color: #fff;
border: none;
width: 18px;
height: 18px;
left: 93.2%;
top: 52px;

}

【问题讨论】：

不显示您的代码，您希望我们如何帮助您找到问题？
@DavidThomas 为什么需要查看代码？我只是在问这是否可能，如果可能，我应该朝哪个方向前进。无论哪种方式，我都添加了一个关于 :hover 外观的 CSS

标签： jquery css hover

【解决方案1】：

确保悬停是通过类添加的，然后在未选中该框时删除悬停类：

var $cb = $("input[type=checkbox]");
if(!$cb.attr("checked")){
    $("input[type=checkbox]").removeClass("hover");
}

【讨论】：

抱歉回答晚了，我就是这样做的
它不会让我知道为什么