Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript,切换具有相同名称的单选按钮图像_Javascript_Jquery_Html_Radio Button - Fatal编程技术网

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');
  }
});

如果您更新了演示以使用相关的图像,可能会有所帮助(否则很难看到您的问题)。