如何使未选中的复选框值为0，而选中的值为1？

<input type="checkbox" id="checkbox1" onchange="updateValue(this)">
<input type="checkbox" id="checkbox2" onchange="updateValue(this)">

<script>
function updateValue(checkbox) {
  if (checkbox.checked) {
    checkbox.value = 1;
  } else {
    checkbox.value = 0;
  }
}
</script>

<input type="checkbox" id="checkbox1">
<input type="checkbox" id="checkbox2">

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $('input[type="checkbox"]').change(function() {
    if ($(this).is(':checked')) {
      $(this).val(1);
    } else {
      $(this).val(0);
    }
  });
});
</script>