Отображение изображения в зависимости от двух входных переключателей

В этом случае представляется, что комбинация использования оператора switch и селектора "checked" будет полезной.

Я бы поместил обработчик событий в обе группы радио... в этом случае вход: radio [name = model] и input: radio [name = color] (явно определено в случае, если у вас есть другие переключатели на странице),

Затем внутри обработчика получает текущее выбранное значение для каждой группы и выполняет вашу обработку внутри операторов switch (лучше подходит для обработки большого количества типов if/else проверки, когда вы просто смотрите на значение элемента), Это означает, что если вы добавите дополнительные параметры, такие как синий, желтый и т.д., Вам будет легче заглянуть и обработать эти случаи.

TL; DR: Вот как вы могли это сделать:

$("input:radio[name=model], input:radio[name=color]").click(function() { // This handler runs when any of the radio buttons are clicked.
    var modelValue = $("input:radio[name=model]:checked").val(); // Find which model radio button is checked.
    var colorValue = $("input:radio[name=color]:checked").val(); // Find which color radio button is checked.

    var image_name = ""; // Initialize the image name to blank. We will be appending as we go.

    switch (modelValue) {
        case 'Rack':
            image_name += "Rack"; // Rack was selected, so use that value for the first part of the image.
            break;
        case 'NoRack':
            image_name += "Without-Rack"; // No Rack was selected, so use that value for the first part of the image.
            break;
        default:
            image_name += "Rack"; // Make sure there is a default value, or a broken image could occur!
            break;
    }

    switch (colorValue) {
        case 'Black':
            image_name += "-BK.jpg"; // Black was selected, so use that value for the last part of the image.
            break;
        case 'Gray':
            image_name += "-GY.jpg"; // Gray was selected, so use that value for the last part of the image.
            break;
        default:
            image_name += "-BK.jpg"; // Make sure there is a default value, or a broken image could occur!
            break;
    }

    $('#formula').attr('src', image_name); // Put the image value in the formula image field src.
});