【发布时间】：2020-05-27 23:00:08
【问题描述】：
我有一个带有表格的表格，该表格的每一行都是不同的报价。因此，我在每一行也有一些按钮来下载报价文档或删除报价。该按钮提交表单，然后它们转到另一个执行所需操作的 php 文件。
我的问题是在提交表单之前必须检查所需行的单选按钮。 javascript 有什么方法可以让您在单击这两个按钮之一时，首先自动选择该行的单选按钮，然后提交表单？
<form class="filterSelection" action="../php/editOffer/getInfo.php" method="POST">
<table class="accountsTable">
<thead>
<tr>
<th>Selected</th>
<th>Project ID</th>
<th>Revision</th>
<th>Project Description</th>
<th>Customer</th>
<th>Date</th>
<th>Creator</th>
<th>Documentation</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="radio" name="selectedOffer" id="selectedOffer" required="" value="1-1"></td>
<td>1</td>
<td>1</td>
<td>Test</td>
<td>Info</td>
<td>2020-02-10</td>
<td>Name</td>
<td>
<button type="submit" class="download" name="action" value="Download"><i class="fa fa-download" aria-hidden="true"></i></button>
</td>
<td>
<button type="submit" class="delete" name="action" value="Delete" onclick="return confirm('Do you want to delete the selected offer? This action can´t be undone')">
<i class="far fa-trash-alt"></i>
</button>
</td>
</tr>
</tbody>
</table>
<br>
<button name="action" class="nextButton" type="submit" value="Next"><i class="fas fa-arrow-alt-circle-right fa-2x"></i></button>
</form>
【问题讨论】：
-
当然有。你试过什么？
-
在每一行都有单选按钮，然后在底部有一个单独的下载/删除按钮，它作用于单选按钮中选择的项目不是更有意义吗？要么，要么完全摆脱单选按钮，并在行中有单独的表格，并带有一个记录选择的隐藏字段。现在，您似乎将两种不同的 UI 模式混为一谈。
-
@ADyson 因为我需要提交单选按钮的值。对不起，但我是新手，我可以用隐藏字段来做吗？如果可能的话，它是如何工作的？
-
抱歉，不确定您要回复哪些 cmet。我添加了几个，但后来我重新考虑了所有这些 cmets 并删除了它们，只添加了一个更简单的。正如我在上面剩下的一条评论中指出的那样，通常有两种方法可以处理这种设计。其中之一保留了您的单选选项，但减少了按钮的数量。另一个保留按钮并用隐藏字段替换单选选项。
-
@d1649356 当然，我看不出你到底做了什么，但从你描述的内容来看，我猜你可能忘记了我所说的对于这种方法必须是每行单独的
<form></form>标签？因此，每个单独的表单只会包含一个隐藏字段。
标签： javascript php html button radio-button