liferay - 使用Alloy ui显示和隐藏div单击单选按钮

Question

嗨，我想使用单选按钮的合金 ui onclick 功能显示和隐藏 div。我在下面提到了我的代码。请帮我解决这个问题。当我点击结婚时，我想打开一个 div，它有周年纪念日，当我单击单个它将隐藏该 div。

 <aui:field-wrapper name="maritial_status">
        <aui:input checked="<%= true %>" inlineLabel="right" name="maritial_status" type="radio"         value="single" label="single" onClick="javascript:unMarriedStatus();" />
        <aui:input  inlineLabel="right" name="maritial_status" type="radio" value="married" label="married"  onClick="javascript:marriedStatus();" />
    </aui:field-wrapper>

Answer 1

您可以通过让函数和 div 类基于选择调用函数来解决此问题，该函数将在 div 方法中隐式创建结构形式

函数设计：函数 temp() { var chasisno = ""; $('#dyanamicDivElement').append(chasisno); }

div结构：

说明：所以这里的函数将继续将值附加到 div

希望这解决了这个问题

Answer 2

你可以这样尝试：

<aui:field-wrapper name="maritial_status">
    <aui:input checked="<%= true %>" inlineLabel="right" name="maritial_status" type="radio" value="single" label="single" onClick="document.getElementById('DIV-ID').style.display = this.checked ? 'none' : 'block';" />
    <aui:input  inlineLabel="right" name="maritial_status" type="radio" value="married" label="married"  onClick="document.getElementById('DIV-ID').style.display = this.checked ? 'block' : 'none';" />
</aui:field-wrapper>