var checkBoxes = document.querySelectorAll("input[type=checkbox]"),
    max = checkBoxes.length,
    i, total = 0, totalWholesale = 0;
 
for (i = 0; i < max; i += 1) {
    if (checkBoxes[i].checked) {
        // Get values directly from table cells.
        total += +checkBoxes[i].parentElement.
            previousElementSibling.innerHTML;
        totalWholesale += +checkBoxes[i].parentElement.
            previousElementSibling.previousElementSibling.innerHTML;
    }
}

total += parseInt(checkBoxes[i].parentElement.previousElementSibling.innerHTML, 10);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>

FORJ Forum

So what you're saying is that I should remove all the 20 individual inspections of the checkboxes, and replace with just this code? And that it will produce the same page?

That doesn't work, and I'm not sure what else I'd need to do.

My life is hard, I suffer lots

It's probably just me being anally retentive, but I bloody hate innerHTML, it's not part of the DOM and it's queer.

And by "queer" I mean gay and homosexual, not as in "by jove, that's a rum do and no mistake".

And by "gay" I mean queer and homosexual, not "having a gay old time, dahling".

It's a wonderful thing, this English language malarkey, isn't it?

Object doesn't support this property or method (line 104, char 1)

Line 104 is:
var checkBoxes = document.querySelectorAll("input[type=checkbox]"),

My life is hard, I suffer lots

var getCheckboxes = function () {
    var i, elements = document.getElementsByTagName("input"),
        max = elements.length,
        result = [];
 
    for (i = 0; i < max; i += 1) {
        if (elements[i].type === "checkbox") {
            result.push(elements[i]);
        }
    }
    return result;
};

var checkBoxes = getCheckboxes,

FORJ Forum

Here you go - it now complains that f5 isn't defined (which sort of makes sense as I used to use that to calculate my totals).
I could remove the totaliser line (line 135) but no idea what to put in it's place.

As for why I'm reading a value from a table, have a look at the file in IE and it should make more sense. This is about choosing a base product from a choice of 4, and then adding various options.
Radio boxes are used for the initial selection, and then checkboxes for the rest. The total then displays the price for your selection.

My life is hard, I suffer lots

var GrandTotal = f1 + total,
    GrandTotalW = w1 + totalWholesale;

var checkBoxes = getCheckboxes,

var checkBoxes = getCheckboxes(),

FORJ Forum

Still not working. I noticed one error myself, you'd referred to a variable as GrandTotalW rather than GrandWTotal, but then I got this next one:

Message: 'parentElement.previousElementSibling.innerHTML' is null or not an object
Line: 126
Char: 9
Code: 0

HTML is attached.

(by the way, this is why I prefer my method, it may be more long winded and cumbersome, but it's a damn site easier to understand and fix when it goes wrong)

My life is hard, I suffer lots