<script type="text/javascript" src="jquery.js"></script>
<table id="degerler">
<tr><td width="10%" align="center"><b>SIRA</b></td><td><b>HİZMET</b></td><td width="20%" align="center"><b>FİYAT</b><td width="10%" align="center"><b>SEÇ</b></td></tr>
<tbody>
<tr><td align="center">1</td><td>satır 1</td><td align="center">1</td><td align="center"><input type="checkbox" class="hizmetler" name="hizmet1" value="100"></td></tr>
<tr><td align="center">2</td><td>satır 1</td><td align="center">2</td><td align="center"><input type="checkbox" class="hizmetler" name="hizmet2" value="200"></td></tr>
<tr><td align="center">3</td><td>satır 1</td><td align="center">3</td><td align="center"><input type="checkbox" class="hizmetler" name="hizmet3" value="300"></td></tr>
<tr><td align="center">4</td><td>satır 1</td><td align="center">4</td><td align="center"><input type="checkbox" class="hizmetler" name="hizmet4" value="400"></td></tr>
</tbody>
</table>

<div class="col-sm-6">
<input type="text" class="form-control" id="siptoplam" name="siptoplam" value="">
</div>


<script type="text/javascript">
$.hesapla = function(){
    var fiyat = 0;
    $('input:checked').each(function(){
        fiyat += parseFloat($(this).val());
    });
    $('#siptoplam').val( fiyat );
}

$.hesapla();
$('input').click(function(){
    $.hesapla();
});
</script>