jquery选择选项卡内的所有复选框

时间:2010-01-07 01:45:44

标签: jquery checkbox

我有几个标签。每个选项卡都有几个包含复选框输入元素的嵌套元素。我需要能够在所选标签中选择所有/全部复选框。我希望这会奏效:

$("#tabs").tabs().data("selected.tabs").('input[@type=checkbox]').attr('checked', 'checked');

但事实并非如此。我在想我可以获取所选标签的元素,然后迭代该元素的所有子元素以查找复选框。但是,我无法弄清楚如何获取所选元素的元素(而不是索引)。如果有人知道如何,请告诉我。

编辑:

我假设每个人都知道jquery标签的结构 选项卡位于UL上方,与实际包含选项卡内容和复选框的DIV分开。

<ul><li>tab0</li>... </ul><div id="tab0"> checkboxes here </div>

我需要找到所选标签,然后找到与标签对应的div。我认为div被称为面板属性,但是一旦找到选项卡,我就无法弄清楚如何访问该面板属性。请参阅jquery tabs

2 个答案:

答案 0 :(得分:2)

通常,“选定”选项卡带有特定的类名,以将其标识为选定的选项卡。您可以通过firebug或等效的方法轻松识别此类名。假设classname被“选中”,我们可以执行以下操作:

$("#tabs .selected :checkbox:checked");

答案 1 :(得分:2)

尝试:

$("#tabs").tabs().data("selected.tabs").find(':checkbox').attr('checked', 'checked');