jQuery条件：異なるフィールドの複数のラジオボタン

Question

異なるフィールドの特定のラジオボタンをクリックすると、イメージソースを変更したい。以下のスニペットは1つのオプション（ユーザーが白を選択した場合）で動作します。

今では、彼は別のフィールドで 'round'または 'cornerered'を選択できます。 white AND roundをクリックしたときに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); 
});