jQuery-Bedingungen: mehrere Optionsfelder in verschiedenen Feldern

Question

Ich möchte eine Bildquelle ändern, wenn Sie auf bestimmte Optionsfelder in verschiedenen Feldern klicken. Das folgende Snippet funktioniert für eine Option (wenn der Benutzer beispielsweise weiß auswählt).

Jetzt kann er "rund" oder "in die Ecke" in einem anderen Feld auswählen. Wie sage ich jetzt jQuery, um den src zu ändern, wenn weiß UND Runde geklickt wird?

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

Wenn es entsprechende Dateinamen für alle Werte sind, können Sie den Code ein:

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

Ist dies nicht der Fall ist, können Sie ein Objekt für das Erhalten der Dateinamen verwenden:

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