raspin,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<form action="http://" >
<input id="standart" name="item" type="radio"> standart
<input id="splen" name="item" type="radio"> splen
<input id="designer" name="item" type="radio"> designer
<input id="cover" name="item" type="radio"> cover
<br>
<input id="100" name="kol" type="radio"> 100
<input id="200" name="kol" type="radio"> 200
</form>
<div id="out"></div>
<script>
var data = {
splen: {
100: 150,
200: 250
},
designer: {
100: 75,
200: 125
},
cover: {
100: 12,
200: 28
}
};
document.querySelector("form").addEventListener("change", function() {
var sum = 0;
var elem = document.querySelector('[name="item"]:checked');
var obj;
if (elem && (obj = data[elem.id])) {
elem = document.querySelector('[name="kol"]:checked');
if (elem && (obj = obj[elem.id])) sum += obj
}
document.querySelector("#out").innerHTML = sum
});
</script>
</body>
</html>