如何在Tornado中获取带有动态ID的POST表单提交的复选框数据？

方案1：后端直接处理（无需修改前端代码） #

Tornado的RequestHandler内置的self.request.arguments属性会返回当前请求所有提交参数的字典，键为参数名，值为对应参数值的列表，你不需要提前知道所有参数名，直接遍历筛选符合你命名规则的参数即可。

def post(self):
    selected_person_ids = []
    # 遍历所有提交的参数名
    for arg_name in self.request.arguments:
        # 筛选匹配前缀为input-的复选框参数
        if arg_name.startswith("input-"):
            # 提取人员ID
            person_id = arg_name.split("-")[1]
            selected_person_ids.append(person_id)
    # 后续处理selected_person_ids即可，该列表内为所有被勾选的人员ID

补充说明：未勾选的复选框不会被浏览器提交到后端，所以遍历得到的参数对应的都是已勾选的选项，不需要额外判断选中状态。

方案2：前端JS辅助提交（参数更规整） #

如果希望后端无需做参数筛选，可在表单提交前用JS收集所有选中的人员ID，统一通过固定名称的隐藏字段提交：

1. 在表单内新增隐藏输入项：

<input type="hidden" name="selected_person_ids" id="selectedPersonIds" value="">

2. 监听表单提交事件，收集选中ID赋值给隐藏项：

// 替换为你的表单ID
const form = document.getElementById("yourFormId");
form.addEventListener("submit", function(e) {
    // 收集所有已勾选的目标复选框
    const checkedBoxes = document.querySelectorAll('input[type="checkbox"][name^="input-"]:checked');
    // 提取所有人员ID并转为逗号分隔的字符串
    const ids = Array.from(checkedBoxes).map(item => item.name.split("-")[1]);
    document.getElementById("selectedPersonIds").value = ids.join(",");
});

后端直接读取固定参数即可：

def post(self):
    selected_ids_str = self.get_argument("selected_person_ids", "")
    selected_person_ids = selected_ids_str.split(",") if selected_ids_str else []
    # 过滤可能出现的空值
    selected_person_ids = [pid for pid in selected_person_ids if pid]

两种方案都可以满足需求，方案1改造成本更低，方案2参数结构更清晰，可根据实际业务场景选择。

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