gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 13:47:46 25 4
gpt4 key购买 nike

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

Customized cards

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

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

我该怎么办?

最佳答案

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

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;
}

关于javascript - 如何将用户创建的复选框值传递到另一个页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45662285/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com