[kirito0709]

рони, Спасибо за ответ. Остался 1 вопрос. В зависимости от выбранных чекбоксов меняются картинки. Всего картинок 60 штук. Пути к картинкам заранее известны. Правильно ли делать через switch ? Я взял Ваш код и попытался добавить свои наметки. Вроде работает, но не уверен что то, что я придумал это - лучший вариант.

$(function() {
var floor="without_floor",roof="roof_white",constract="constract_silver";
$('#form1').on('click', 'input', function (event) {
  floor = $(this).attr('value');
  console.log(floor); createImg();
  document.getElementById('result1').innerHTML = '(||||   ' + floor + '   ||||) ';
})
$('#form2').on('click', 'input', function (event) {
  roof = $(this).attr('value');
  console.log(roof); createImg();
  document.getElementById('result2').innerHTML = '(||||   ' + roof + '   ||||) ';
})
$('#form3').on('click', 'input', function (event) {
  constract = $(this).attr('value');
  console.log(constract); createImg();
  document.getElementById('result3').innerHTML = '(||||   ' + constract + '   ||||) ';
})
 
function createImg()
{
   if(floor && roof && constract)  {
   
   var testresult =  (floor + roof + constract);
console.log(testresult);
   switch(testresult) {
  case 'without_floorroof_whiteconstract_silver':
    document.getElementById('result').innerHTML = 'Выбраны все первые пункты, вставляем картинку XXX';
    break

  case 'floor_battenroof_greyconstract_silver':
    document.getElementById('result').innerHTML = 'выбраны все вторые пункты кроме последнего,  вставляем картинку YYY';
    break
    // ... тут еще  около 58 case для разных вариаций выбранных радиокнопок
  default:
    document.getElementById('result').innerHTML = 'Я таких значений не знаю'; // если я правильно понял то default для switch  можно не указывать (или указать картинку по умолчанию. 
}
   
     //  var src = '/'+floor+'/'+roof+'/'+constract +".jpg" ; //уточните путь к картинке
    //   var img = $('<img>', {src : src})
    //   $('#result').html(img)
   }
}
});