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

Question

我试图设计一个表格，现在描述起来太复杂了，所以我创建了一个 fiddle :http://jsfiddle.net/tLh72acj/

我认为这显示了我的问题:我无法访问 radio 输入:

<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