Untitled

<html><head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> Test</title>

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>


<script type="text/javascript">//<![CDATA[
$(window).load(function(){
var init_price = 0;
$('#total').html(init_price);
var tot = 0;
$('input:checkbox').change(function(){
    if($(this).is(':checked')){
        tot = Number($('#total').html()) + Number($(this).val());
    } else {
        tot = Number($('#total').html()) - Number($(this).val());
    }

    $('#total').html(tot);
});
});//]]>

</script>


</head>
<body>
<p style="display:inline; float:left;"><input value="10" type="checkbox" style="display:inline-block"><span style="display:inline-block;">10,00</span>
  <img src="http://i.imgur.com/uOddrTw.jpg" width="200" style="display:block;" /></p>
<p style="display:inline; float:left;"><input value="20" type="checkbox" style="display:inline-block"><span style="display:inline-block;">20,00</span>
	<img src="http://i.imgur.com/uOddrTw.jpg" width="200" style="display:block;" /></p>
<p style="display:inline; float:left;"><input value="30" type="checkbox" style="display:inline-block"><span style="display:inline-block;">30,00</span>
	<img src="http://i.imgur.com/uOddrTw.jpg" width="200" style="display:block;" /></p>
<p style="display:inline; float:left;"><input value="40" type="checkbox" style="display:inline-block"><span style="display:inline-block;">40,00</span>
	<img src="http://i.imgur.com/uOddrTw.jpg" width="200" style="display:block;" /></p>
<p style="display:inline; float:left;"><input value="50" type="checkbox" style="display:inline-block"><span style="display:inline-block;">50,00</span>
	<img src="http://i.imgur.com/uOddrTw.jpg" width="200" style="display:block;" /></p>

<br />
<br />
Totaal:<br /><div id="total"></div>
</body>


</body></html>