チェックボックスがオンの場合、合計から1を引いて

Question

チェックボックスがあり、その横に数字が表示されている場合は10、チェックボックスをクリックすると10が9になりますが、チェックを外すと10に戻ります。

<input type="checkbox" id="credits" name="credits" <?php echo $checked;?> /> (10) Credit 

クレジットの価値はデータベースから取得されます。

Answer 1

$(function() { 
 
    $('#credits').change(function() { 
 
    var currentValue = parseInt($('#credit-amount').text()); 
 
    var newValue = currentValue + ($(this).prop('checked') ? -1 : 1); 
 
    $('#credit-amount').text(newValue); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="credits" name="credits" /> (<span id="credit-amount">10</span>) Credit