在pug和node.js中获取复选框选中的值

Question

如果选中，如何获取checkbox 值，重定向到此(href="/player/edit/:id")和(href="/player/delete/: id")，并接收player id和edit操作delete的值

没有必要将剩下的代码（例如app.js）包含server，routes和request-handlers以及与{{1}的连接}}

此模板MySQL被重定向到接收editPlayer.pug的{​​{1}}，怀疑是如何获得的？

(href="/player/edit/:id")

此模板player id如果选中，则获取extends main block content form(action="/editPlayer/:id", method="post") br label(for="name") Name: br input(id="name", name="name", type="text") br input(id="id",name="id",type="hidden", value="id") br button(type="reset") Reset button(type="submit") Save 的值，然后重定向到player.pug按钮修改， {strong>删除 checkbox href？

player

这是模板id的示例，它显示了玩家列表并按extends main block content form(action="/player", method="get") table( thead tr th |ID th |Name tbody each player in players tr td input(type="checkbox", id=player.player_id, name=player.player_id, value=player.player_id) td |#{player.player_id} div br a(href="/player/edit/:id") button(type="button") Edit a(href="/player/delete/:id") button(type="button") Delete 选择任何一个，然后点击修改或删除

任何建议？

Answer 1

您已选择发送包含GET参数的表单（即/player/edit/?id=5）。但是您声明要使用路径参数。 "/player/edit/:id"。我相信你必须在这里使用javascript，因为你不能通过使用表单来正常传递路径变量。

button(type="button" onClick='myEdit(' + player.player_id + ')') Edit

然后是这样的事情：

<script>
    function myEdit(id){
        SomeAjaxCall( '/player/edit/' + id , successHandler);
    }
</script>

当然，一种替代方法是在提交表单之前更改表单的action-url。

<script>
    function myEdit(id){
        document.document.getElementById("myForm").action = "/player/edit/" + id;
        document.getElementById("myForm").submit();
    }
</script>