如果选中复选框，则从总计中减去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