获取选中复选框的值并使用jQuery将其追加到按钮文本

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<button id="myButton">按钮</button>
<br>
<input type="checkbox" value="选项1">选项1
<br>
<input type="checkbox" value="选项2">选项2
<br>
<input type="checkbox" value="选项3">选项3

$(document).ready(function() {
  $('#myButton').click(function() {
    var selectedValues = [];
    $('input[type=checkbox]:checked').each(function() {
      selectedValues.push($(this).val());
    });
    var buttonText = $('#myButton').text();
    $('#myButton').text(buttonText + ' ' + selectedValues.join(', '));
  });
});