javascript - 如何将用户创建的复选框值传递到另一个页面？

Question

我有一个输入表单，用户可以在其中创建自己的“卡片”。数据进入 PostgreSQL 数据库，我在页面上呈现结果(见下文)。创建卡片后，我希望他们能够选择自己喜欢的卡片，并在下一页 (/play) 上仅显示这些选定的卡片。

我的代码(我用的是哈巴狗):

div(id="all-cards")
    div(class='card')
        each card in cards
            p Title: #{card.title}
            p Question: #{card.question}
            p Subquestion: #{card.subquestion}
            p Task: #{card.task}

            form(name="selection" action="" method="post")
                input(type="checkbox" value="card" title="Select" name="option") 
                label Select
                button(type="submit" name="select" class="select-cards") Select The Cards

我该怎么办？

Answer 1

我不了解哈巴狗，但似乎每张卡片都有一个表格，这意味着您一次只能选择一张卡片。我应该建议您只使用一种形式并为每张卡片使用属性“名称”。

div(id="all-cards")
    div(class='card')
      form(name="selection" action="" method="post")
        each card in cards
            p Title: #{card.title}
            p Question: #{card.question}
            p Subquestion: #{card.subquestion}
            p Task: #{card.task}

            input(type="checkbox" value="1" title="Select" name="#{card.id}") 
            label Select

然后，当提交表单时，您将得到一个数组:

 $_POST['id1' => 1,... idn => 1]

对应前面的选择，你就可以处理了:

foreach($_POST = $key => $value){
  $selected[] = $key;
}