Jquery 更换单选按钮时鼠标滑过?

Jquery 更换单选按钮时鼠标滑过?,jquery,radio-button,mouseover,image-replacement,Jquery,Radio Button,Mouseover,Image Replacement,我正在使用jQuery替换我在这个页面上的单选按钮,我想知道是否也可以添加鼠标悬停效果 我希望当用户在列表中上下移动时,选择鼠标悬停/鼠标悬停时变为绿色的灰色箭头。似乎所有替换的单选按钮都具有“imageCheck”类,因此您可以在鼠标悬停/鼠标悬停时绑定效果: $('.imageCheck') .mouseover(function() { $(this).attr("src", "/changedimage.jpg"); }) .mouseout(f

我正在使用jQuery替换我在这个页面上的单选按钮,我想知道是否也可以添加鼠标悬停效果


我希望当用户在列表中上下移动时,选择鼠标悬停/鼠标悬停时变为绿色的灰色箭头。

似乎所有替换的单选按钮都具有“imageCheck”类,因此您可以在鼠标悬停/鼠标悬停时绑定效果:

$('.imageCheck')
    .mouseover(function() { 
        $(this).attr("src", "/changedimage.jpg");
    })
    .mouseout(function() {
        $(this).attr("src", "/originalimage.jpg");
});

您也可以始终使用CSS,请参见一个示例。

您正在用图像替换单选按钮。对。。。这是我想要它做的,但选中的按钮仍然保持绿色。。。当鼠标悬停在另一个选项上时,希望该选项变灰。当光标放在按钮标签上时,也希望按钮改变图像/颜色。因此,如果我选择其他单选按钮之一,箭头现在不会保持“选中”,这只是需要添加一些JavaScript。当鼠标悬停在其他图像上时,将$(“#selectedButton”)(或您称之为的任何名称)的图像设置为灰色。已上载JSFIDLE,以便您可以查看编码内容-