2012-05-31 56 views
1

我有一张表格,用于从一系列单选按钮中进行选择。在echo中显示选定选项的结果(PHP表格)

(说明:表可以作为一系列按钮,通过使用的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> 

此HA已经过测试并且运行良好 - 表中的按钮的确可以从隐藏的无线电领域中选择正确的选项。

现在,我想进一步构建一个句子下来,告诉他们,他们选择的是哪一个,例如“请你继续选择的选择下面的问题:”形式

我想我需要使用Javascript或jQuery,但无法考虑如何构建它。

任何想法?

回答

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> 

Althought它不必是ID属性你改变,你可以用别的东西以及。 jQuery的启发:

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

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

+0

好的,那可以工作。我去隐藏字段的原因是,最终,表单将被提交给数据库。这对您提出的解决方案有影响吗?或者,如果失败了,您提出的解决方案能否修改为符合我的初始形式? (请原谅n00b评论...!) – user1259798

+0

如果你要提交这个信息到当前形式的数据库,你会得到所有隐藏的领域,我猜不是你想要的?您可以向您添加数据的页面发出AJAX请求,或者您可以随时使用收集的数据创建表单,并在用户完成后使用添加的提交按钮提交表单。我会推荐做AJAX方法。 – lfxgroove

+0

实际上,我确实需要添加隐藏字段中的数据 - 我将它们隐藏的唯一原因是我想设计自己的“单选按钮”(即表格),而不是使用标准单选按钮。数据本身仍然需要收集(因此onClick动作设置隐藏的单选按钮的值)。这有意义吗? – user1259798