當選中一個或多個復選框時hostform，我想觸發表單提交。使用下面的代碼可以成功觸發此操作。但是，頁面會在表單提交時重新加載，從而使任何選中的框立即恢復為未選中狀態。我以為localStorage.input這條線可以解決這個問題，但顯然不是。有什么建議么？HTML：<div class="container-lg">      <!-- section for checkboxes -->      <div class="row justify-content-center">        <div class="col-6">          <h2>Host</h2>          <form id="hostform" class="form-inline" role="form" action="" method="post">            {% csrf_token %}            <input type="checkbox" class="form-control" id="one" name="hm" value="one" onchange="triggerPost('one')">            <label for="one">One</label>            <br>            <input type="checkbox" class="form-control" id="two" name="hm" value="two" onchange="triggerPost('two')">            <label for="two">Two</label>            <br>          </form>        </div>     ....     </div>jQuery：<script>  function triggerPost(idnum) {        $('#hostform').on("submit", function () {      localStorage.input = $("#"+idnum).checked;    });    $('#hostform').submit()  };</script>