Javascript,切换具有相同名称的单选按钮图像
我有一个表单,我用图像替换了单选按钮,当单击图像时,它们会显示一个较暗的图像,以显示它处于活动状态,但是,当我单击另一个单选按钮图像时,我不太明白如何使较暗的图像返回到标准图像。这是我到目前为止得到的Javascript,切换具有相同名称的单选按钮图像,javascript,jquery,html,radio-button,Javascript,Jquery,Html,Radio Button,我有一个表单,我用图像替换了单选按钮,当单击图像时,它们会显示一个较暗的图像,以显示它处于活动状态,但是,当我单击另一个单选按钮图像时,我不太明白如何使较暗的图像返回到标准图像。这是我到目前为止得到的 $(“[name=make]”)。在({ “单击”:函数(){ var val=$(this.attr('value'); console.log(“值:+val”); var imgName=“#”+val+“-icon”; $(imgName.attr('src','/images/make
$(“[name=make]”)。在({
“单击”:函数(){
var val=$(this.attr('value');
console.log(“值:+val”);
var imgName=“#”+val+“-icon”;
$(imgName.attr('src','/images/makeicons/'+val+'-hover.png');
}
});代码>
检查收音机的状态
$("[name=make]").on({
"change": function() {
var suffix = '';
if ($(this).is(':checked')) {
suffix = '-hover';
}
var val = $(this).attr('value');
console.log("Value: " + val);
var imgName = "#" + val + "-icon";
$(imgName).attr('src', '/images/make-icons/' + val + suffix + '.png');
}
});
如果您更新了演示以使用相关的图像,可能会有所帮助(否则很难看到您的问题)。