Javascript var 变量不能作为全局变量

Question

我在

counts

函数之前声明为

add_to_download_entries()

的变量，我稍后在

$(document).ready( function () {

函数中使用它，但它总是打印 1在

count

中选择了多少个复选框，但它在

add_to_download_entries

中没有反映出该函数之外的相同值。我使用的变量有误吗？ $(document).ready( function ()

关闭 立即付款 $

<div class="modal-footer">
        <button class="btn btn-secondary boxShadow" data-dismiss="modal"><i class="fa-solid fa-circle-xmark"></i>
          Close</button>
        <button id="payment-sub-btn" class="btn btn-success float-right" style="background-color:#28a745!important"
          onclick="update_coupon();">Pay Now $</button>
        </form>
      </div>

var selected_lostwill_array = [];

var counts = 1;
var checkboxes;

function add_to_download_entries(data) {
  checkboxes = document.querySelectorAll('input[name="checkWills"]:checked');
  counts = checkboxes.length;
  if ($.inArray(data, selected_lostwill_array) >= 0) {
    selected_lostwill_array = $.grep(selected_lostwill_array, function(value) {
      return value != data;
    });
  } else {
    selected_lostwill_array.push(data);
  }
}
// DataTables Functions 
$(document).ready(function() {
  $('#org_lost_table').DataTable();
  $('#all_lost_table').DataTable();
  if (counts > 0) {
    let finalPrice = Number(counts) * Number(22);
    $("#payment-sub-btn").append(counts);
  } else $("#payment-sub-btn").append(0);
});