更改物料-ui复选框状态已选中、未选中或基于其他复选框单击而不确定，而不使用reactjs中的状态

// HTML
<input type="checkbox" id="checkbox1" onclick="toggleCheckbox(this)">
<input type="checkbox" id="checkbox2" onclick="toggleCheckbox(this)">

// JavaScript
function toggleCheckbox(checkbox) {
  checkbox.checked = !checkbox.checked;
}

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

// JavaScript
$(document).ready(function() {
  $('#checkbox1, #checkbox2').click(function() {
    $(this).prop('checked', !$(this).prop('checked'));
  });
});

<!-- HTML -->
<input type="checkbox" id="checkbox1">
<label for="checkbox1" onclick="toggleCheckbox('checkbox1')"></label>

<input type="checkbox" id="checkbox2">
<label for="checkbox2" onclick="toggleCheckbox('checkbox2')"></label>

<!-- CSS -->
<style>
  input[type="checkbox"] {
    display: none;
  }
  label {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    display: inline-block;
    cursor: pointer;
  }
  input[type="checkbox"]:checked + label {
    background-color: #ccc;
  }
</style>

<!-- JavaScript -->
<script>
  function toggleCheckbox(checkboxId) {
    var checkbox = document.getElementById(checkboxId);
    checkbox.checked = !checkbox.checked;
  }
</script>