当没有从我的表中选择记录时，我如何在按钮上放置一个模式。我正在使用bootstrap 4

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>

<button id="myButton" class="btn btn-primary">模式按钮</button>

$(document).ready(function() {
  $('#myButton').prop('disabled', true); // 初始状态禁用按钮

  $('table').on('change', 'input[type="checkbox"]', function() {
    if ($('input[type="checkbox"]:checked').length > 0) {
      $('#myButton').prop('disabled', false); // 有选中记录时启用按钮
    } else {
      $('#myButton').prop('disabled', true); // 没有选中记录时禁用按钮
    }
  });
});

document.addEventListener('DOMContentLoaded', function() {
  var myButton = document.getElementById('myButton');
  myButton.disabled = true; // 初始状态禁用按钮

  var checkboxes = document.querySelectorAll('table input[type="checkbox"]');
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].addEventListener('change', function() {
      var checkedCheckboxes = document.querySelectorAll('table input[type="checkbox"]:checked');
      if (checkedCheckboxes.length > 0) {
        myButton.disabled = false; // 有选中记录时启用按钮
      } else {
        myButton.disabled = true; // 没有选中记录时禁用按钮
      }
    });
  }
});