1

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

（说明：表格作为一系列按钮使用，通过使用 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>

)

这已经过测试并且运行良好 - 表中的按钮确实可以从隐藏的单选字段中选择正确的选项。

现在，我想在表格下方构建一个句子，告诉他们他们选择了哪个，例如“请继续下面的选择查询：”

我想我需要使用 Javascript 或 jQuery，但不知道如何构建它。

有任何想法吗？

4

1 回答 1

0

作为第一个评论，如果您为所有这些元素创建一个 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() 函数），它应该相当简单。请询问您是否需要更多信息。

于 2012-05-31T07:48:42.223 回答