显示/隐藏多个分层的jQuery UI小部件

时间:2013-01-10 21:30:08

标签: jquery-ui

我对这一切都很陌生,所以请耐心等待。

我一直在使用一些jQuery UI小部件,我想创建类别(成人)单选按钮,这些按钮具有自己的子类别(子级),只有在选择了适当的成人时才会出现。

以下是我到目前为止的代码:http://jsfiddle.net/99azd/

问题只是初始子集的格式化工作,其他的显示为普通复选框。我认为它与 div id =“format”有关,但我不确定。

<div style="display: none;" id="Adult1Children">
  <div id="format">
    <input type="checkbox" id="child1" value="child1"/><label for="child1">child1</label>
    <input type="checkbox" id="child2" value="child2"/><label for="child2">child2</label>
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

从IRC频道获得一些帮助 - 这里是固定代码: http://jsfiddle.net/w6qFC/

我有一个重复的ID&#34;格式&#34;所以它只运行第一个。我所要做的就是将id更改为类,然后在js中将#format更改为.format。简单。

$( ".format" ).buttonset();

and

<div class="format">