jQuery条件：不同字段中的多个单选按钮

Question

我希望在单击不同字段中的特定单选按钮时更改图像源。下面的代码片段适用于一个选项（例如，当用户选择白色时）。

现在他可以在不同的领域选择'圆'或'角“。现在如何告诉jQuery在单击白色圆形时更改src？

jQuery("input[name=input_3]").click(function() { 
    if (jQuery("input[value=white]").prop("checked")) { 
     jQuery('#ringimage').fadeOut(200, function() { 
      jQuery("#ringimage").attr('src', 'white.jpg'); 
     }).fadeIn(200); 
    } 
}); 

Answer 1

如果有相应的所有值的文件名，你可以编写：

$("input[name=input_3]").change(function() { 
    var val = this.value; 
    $('#ringimage').stop().fadeOut(200, function() { 
     $(this).attr('src', val + '.jpg'); 
    }).fadeIn(200); 
}); 

如果不是这种情况下，你可以使用一个对象得到该文件的名称：

var paths = { 
    'val1': 'white.jpg', 
    'val2': 'blue.jpg' 
} 

$("input[name=input_3]").change(function() { 
    var val = this.value; 
    $('#ringimage').stop().fadeOut(200, function() { 
     $(this).attr('src', paths[val]); 
    }).fadeIn(200); 
});