使用Alloy ui显示和隐藏div单击单选按钮答案

【问题标题】：show and hide div click on radio button using Alloy ui使用Alloy ui显示和隐藏div单击单选按钮
【发布时间】：2014-04-01 17:20:58
【问题描述】：

嗨，我想使用单选按钮的合金 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>

【问题讨论】：

标签： liferay alloy-ui

【解决方案1】：

你可以通过函数和 div 类来解决这个问题所以基于选择调用函数，它将在 div 方法中隐式创建结构形式

功能设计：函数临时（） { var chasisno = ""; $('#dyanamicDivElement').append(chasisno); }

div结构：

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

希望这能解决问题

【讨论】：

【解决方案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>

【讨论】：