ติ๊ก checkbox แล้วนำค่าด้านหลังไปบวก

<div id="sum">1000</div>
<br>
<input type="checkbox" name="pay[]" value="" />ตัวเลือกที่ 1 <INPUT TYPE="text" NAME="payment[]" Value="500" size="5"><br>
<input type="checkbox" name="pay[]" value="" />ตัวเลือกที่ 2 <INPUT TYPE="text" NAME="payment[]" Value="1500" size="5"><br>
<input type="checkbox" name="pay[]" value="" />ตัวเลือกที่ 3 <INPUT TYPE="text" NAME="payment[]" Value="700" size="5">

<input type="checkbox" name="pay[]" value="ตัวเลือกที่ 1" />ตัวเลือกที่ 1 <INPUT TYPE="text" NAME="payment[]" Value="500" size="5"><br>
<input type="checkbox" name="pay[]" value="ตัวเลือกที่ 2" />ตัวเลือกที่ 2 <INPUT TYPE="text" NAME="payment[]" Value="1500" size="5"><br>
<input type="checkbox" name="pay[]" value="ตัวเลือกที่ 3" />ตัวเลือกที่ 3 <INPUT TYPE="text" NAME="payment[]" Value="700" size="5">

โค๊ด:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
input[type='text']:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function() { 
    $('input[type="checkbox"]').bind('click',function(){
        if($(this).is(':checked')){
            var checkboxvalue = document.getElementsByName("car_giveaway_price[0]")[0].value;
            var sumvalue = $('#sum').html();
            var total = parseInt(sumvalue) - parseInt(checkboxvalue);
            $('#sum').html(total);
         }else{
		 	var checkboxvalue = document.getElementsByName("car_giveaway_price[0]")[0].value;
            var sumvalue = $('#sum').html();
            var total =  parseInt(sumvalue)   parseInt(checkboxvalue);
            $('#sum').html(total);
		 }
   });
});
</script>
</head>

<body>
<div id="sum">10000</div>
<br>
<input type="checkbox" name="car_giveaway[0]" id="car_giveaway[0]" value="ตัวเลือกที่ 1" />ตัวเลือกที่ 1 <input type="text" name="car_giveaway_price[0]" id="car_giveaway_price[0]" value="500" size="5"><br>
<input type="checkbox" name="car_giveaway[1]" id="car_giveaway[1]" value="ตัวเลือกที่ 2" />ตัวเลือกที่ 2 <input type="text" name="car_giveaway_price[1]" id="car_giveaway_price[1]" value="1500" size="5"><br>
<input type="checkbox" name="car_giveaway[2]" id="car_giveaway[2]" value="ตัวเลือกที่ 3" />ตัวเลือกที่ 3 <input type="text" name="car_giveaway_price[2]" id="car_giveaway_price[2]" value="700" size="5">
</body>
</html>

ตัวอย่าง ถ้าติ๊กตัวเลือกที่ 1 แล้วเอาค่า 500 ไปลบกับ 10000

ช่วยผมหน่อยครับ นั่งแก้มาซักพักใหญ่แล้วไม่ได้เลย

ทดสอบกับเว็บนี้ได้ครับ http://www.tutorialrepublic.com/codelab.php