如果选中该DIV内的单选按钮,则在按钮单击时一个接一个地更改DIV内容

时间:2011-10-22 13:30:50

标签: javascript jquery

请帮助我,我处于中间位置,因为我的代码效率低下而无法理解,所以无法继续进行... 我有一系列代码如下所示..

     var codes=[["header1","<input type='radio'>","option2","option3"],["header2","<input type='radio'>","option5","option6"],["header3","<input type='radio'>","option8","option9"]];

否则请检查这个小提琴以检查我的进度......
http://jsfiddle.net/FgVGR/1/
在我的HTML中,我将有3个DIV标签

  DIV(class name="headerHolder") -- This is to hold header text from the array.
  DIV(class name="optionHolder") -- This contains the options related to each header displayed(Options will be next to the header element[index 0]).
  DIV Options contains options and radio button. 
  DIV(class name="navigation") with next button with ID "next" and back button with id "back".

基本上DIV将与第一个数组元素一起显示,即headerHolder中的Header1和单选按钮,选项2和optionHolder DIV中的选项3.如果单击单选按钮并单击下一个按钮,则下一个数组元素即从header2开始将是显示在headerHolder和optionHolder中。检查单选按钮是否有资格移动到下一个阵列。如果单击后退按钮,则应使用先前给定的单选按钮响应显示前一个到当前数组的数组项... optionHolder中的选项应显示在两列中。目前我正在使用标签,但无法显示..
请帮助我...这就是我想要做的......

2 个答案:

答案 0 :(得分:2)

试试这个jsFiddle。这是我认为你想要的吗?

答案 1 :(得分:1)

据我所知 - 如果您的收音机已经过检查,您需要测试每次前进点击。如果选中则继续前进。

为此,我将为所有单选按钮指定一个公共id或类(或者为父容器指定一个公共id或类,并通过parent子元素访问无线电)。

然后在每个#next上单击检查收音机的checked属性。如果选中则继续,如果未选中则返回。

这是一个快速而又脏的。你抓住optionHolder。然后它的孩子李元素。然后收音机。接下来,我们会提醒其检查状态。

var radio = $("#optionHolder").children("li").children("input[type=radio]");
alert(radio.is(':checked'));

检查一下。 check radio buttons and fields to enable link