arrays - jQuery - Retrieve values from HTML elements and return their sum -

i got form several checkbox's user can choose multiple values, so:

<div>     <input id="myinput1" type="checkbox" value="choice_id_1" />     <label for="myinput1">5</label> </div> <div>     <input id="myinput2" type="checkbox" value="choice_id_2" />     <label for="myinput2">10</label> </div> <div>     <input id="myinput3" type="checkbox" value="choice_id_3" />     <label for="myinput3">10</label> </div> 

i need values each :selected checkbox label , return total sum (ie: total = 25).

so far have been trying strings labels .text() method, make array results, converting them int parsefloat() , sum array elements... obviosly no success.

this got (for sure not best approach i'm open diferent solutions):

function totalsum() {     var prices = $("input:checkbox:checked").siblings("label").text();     var myarray = $.makearray(prices);      var total = 0;     for(var = 0; < myarray.length; i++){         var thisval = parsefloat(myarray[i]);         if(!isnan(thisval)){             total += thisval;         }     };      $(".mydiv").text(total); };  totalsum(); $("input:checkbox").change(totalsum); 

well 1 thing change value part of each checkbox same value of label (if can't that, can utilize name attr of input shown below):

<div>     <input id="myinput2" type="checkbox" value="choice_2" name="10"/>     <label for="myinput2">10</label> </div> 

and js can this:

function totalsum() {     var prices = $("input:checkbox:checked");      var total = 0;      $.each(prices, function(index, obj){         total += parsefloat($(obj).attr('name'));     })       $(".mydiv").text(total); };