仅当特定表单域为非空时才显示复选框(Django)

<!-- 在HTML模板中生成表单字段 -->
<form>
  {% csrf_token %}
  {{ form.field1 }}
  {{ form.field2 }}
  <!-- 其他表单字段 -->
  
  <!-- 用于显示复选框的容器 -->
  <div id="checkbox-container" style="display: none;">
    <label for="checkbox">复选框</label>
    <input type="checkbox" id="checkbox" name="checkbox">
  </div>
</form>

<!-- 引入jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- JavaScript代码 -->
<script>
$(document).ready(function() {
  // 监听特定表单域的变化
  $('#id_field1').on('input', function() {
    // 检查特定表单域的值是否为空
    if ($(this).val() !== '') {
      // 显示复选框
      $('#checkbox-container').show();
    } else {
      // 隐藏复选框
      $('#checkbox-container').hide();
    }
  });
});
</script>