[Matre]

В блоке для вывода сделайте несколько DIV-ов, специально для каждой категории (багет, накатка etc.)

Затем обрабатывайте нажатия на чекбокс таким способом:

(чекбоксам добавить класс main)

document.onmouseup = function (event) {
	var target = (event = event || window.event).target || event.srcElement;
	if (/(?:^| )main(?:$| )/.test(target.className)) {
		if (target.checked) { // на данный момент чекбокс НЕ поставлен

		} else { // поставлен

		}
	}
};

Узнавайте, в какой конкретный DIV ставить данные по id чекбокса или ещё как-нибудь.

Выбранную radio-кнопку и подкатегорию можно найти так:

var elem = ..., // Первая radio-кнопка
    radio, // Здесь будет выбранная radio-кнопка
    catg; // Здесь будет подкатегория, которой она принадлежит (дерево, алюминий etc.)
while (elem = elem.nextSibling) {
	if (elem.checked) {
		radio = elem;
		while (elem = elem.previousSibling) {
			if (elem.tagName == "H3") {
				catg = elem;
				break;
			}
		}
		break;
	}	
}