Django表单：如何实现无需Ctrl键点击即可多选列表框

默认的SelectMultiple控件依赖Ctrl键来实现多选，要实现点击直接切换选中状态，可以用以下两种方式：

方法一：JavaScript修改点击行为 #

在渲染表单的模板中添加一段JS代码，拦截选项的点击事件，手动切换选中状态：

<script>
document.addEventListener('DOMContentLoaded', function() {
  // 替换成你的下拉框ID，可通过{{ form.your_field.id_for_label }}获取
  const multiSelect = document.getElementById('id_your_field_name');
  multiSelect.addEventListener('mousedown', function(e) {
    // 阻止默认的Ctrl多选行为
    e.preventDefault();
    const targetOption = e.target;
    if (targetOption.tagName === 'OPTION') {
      // 切换选中状态
      targetOption.selected = !targetOption.selected;
      // 触发change事件，确保表单能感知到选项变化
      multiSelect.dispatchEvent(new Event('change'));
    }
  });
});
</script>

方法二：改用复选框控件（CheckboxSelectMultiple） #

如果可以接受复选框的展示样式，直接替换widget即可，默认支持点击切换选中，无需额外配置：

forms.MultipleChoiceField(widget=forms.widgets.CheckboxSelectMultiple())

内容的提问来源于stack exchange，提问作者Nico44044