Question

我试图设计一个表单，现在让我难以描述，所以我创建了一个小提琴：http://jsfiddle.net/tLh72acj/

我认为这表明了我的问题：我无法访问无线电输入：

<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
     <input type="radio" name="bestellart" value="vor" id="vor" checked />
     <label for="vor">CAN'T</label>
     <input type="radio" name="bestellart" value="eil" id="eil" />
     <label for="eil">TOUCH</label>
     <input type="radio" name="bestellart" value="ewg" id="ewg" />
     <label for="ewg">THIS!</label>
</fieldset>

我想在点击它们时控制单选按钮，但是如果我点击可折叠内的任何其他位置我想要打开它（但如果我使用单选按钮则不行）。我该如何处理？

Answer 1

这就是你想要的吗？

JsFiddle

if ($(this).closest(".ui-collapsible").hasClass('ui-collapsible-collapsed')){
    $(this).closest(".ui-collapsible").collapsible({collapsed: false});
}
else{
    $(this).closest(".ui-collapsible").collapsible({collapsed: true});
}

以下是包含评论的更新：JsFiddle

在JQuery Mobile中编辑可折叠小部件内的输入元素

1 个答案: