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 =＆＃34;＆＃34 ;; $（＆＃39;＃dyanamicDivElement＆＃39）附加（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>

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

2 个答案: