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