Question

我有一个表格，我用它来从一系列单选按钮中选择。

（说明：该表用作一系列按钮，使用onClick命令，例如：

...
        <td onClick="answer7()" background="images/button-bg7.png" width="100"><div align="center"><span class="style4">Activities</span></div></td>
          <td onClick="answer8()" background="images/button-bg8.png" width="100"><p align="center" class="style2">Suggestions/ Ideas</p>          </td>
          <td onClick="answer9()" background="images/button-bg9.png" width="100"><div align="center"><span class="style2">Repairs</span></div></td>
...

）

这从一系列隐藏字段中选择，基本上是隐藏的单选按钮（例如：

        <input type="hidden" name="RadioGroup1" value="Activities" id="RadioGroup1_6" />
Activities</label>
        <br />
        <label>
        <input type="hidden" name="RadioGroup1" value="Suggestions" id="RadioGroup1_7" />
Suggestions</label>
        <br />
        <label>
        <input type="hidden" name="RadioGroup1" value="Repairs" id="RadioGroup1_8" />
Repairs</label>

）

这已经过测试并且效果很好 - 表格中的按钮确实可以从隐藏的无线电字段中选择正确的选项。

现在，我想在表单中进一步构建一个句子，告诉他们选择了哪一个，例如＆＃34;请继续下面的选择查询：＆＃34; < / p>

我想我应该使用Javascript或jQuery，但不能考虑如何构建它。

有什么想法吗？

Answer 1

作为第一个注释，如果要为所有这些元素创建一个onClick处理程序，那将更简单。点击后抓住你的td的id属性（当然你必须设置），那么你不需要隐藏的字段，同时你可以选择用户。像这样：

<table>
    <tr>
        <td class="myClick" id="Activities"> Press here </td>
    </tr>
    <tr>
        <td class="myClick" id="Repairs"> Press here aswell </td>
    </tr>
</table>

虽然它不一定是你改变的id属性，你也可以使用别的东西。 jQuery受到启发：

$("td.myClick").click(function() { alert("You clicked: " + $(this).attr("id")); });

这应该是它的开始，你可以改变警报部分用jQuery编辑另一个div（提示是使用.html（）函数），它应该是相当简单的。请询问您是否需要更多信息。

在echo中显示所选选项的结果（PHP格式）

1 个答案: