时间戳

首页 > 解决方案 > html单选按钮

javascript - html单选按钮

问题描述

现在我有多个单选按钮。但是在选择其中一个单选按钮时，它应该显示一个文本框，在取消选择时它应该隐藏单选按钮。现在在选择时我可以显示文本框，但在选择其他单选按钮时我无法隐藏此文本框。那么我如何隐藏文本框。

<div class="g three-twelfths palm-one-whole lap-one-whole">
    <div class="field">
    <input type="radio" name="EventType" id="EventType" value="Had a baby or adopted a child" <cfif p_event_type eq "Had a baby or adopted a child">checked="checked"</cfif>>&nbsp;&nbsp;&nbsp;Had a baby or adopted a child
    </div>
</div>
<div class="g four-tenths palm-one-whole lap-one-whole">
    <div class="field">
    <input type="radio" name="EventType" id="EventType" value="Got married or entered into domestic partnership" <cfif p_event_type eq "Got married or entered into domestic partnership">checked="checked"</cfif>>&nbsp;&nbsp;&nbsp;Got married or entered into domestic partnership
    </div>
</div>
<div class="g four-tenths palm-one-whole lap-one-whole">
    <div class="field">
    <input type="radio" name="EventType" id="EventType2"  onclick="return checkselected();" >&nbsp;&nbsp;&nbsp;Other
    </div>
</div>
<div class="g seven-tenths palm-one-whole lap-one-whole" style="visibility:hidden;" id="txtbox1">
    <cfinput type="text" name="EventType" id="txtbox" disabled="false" />
</div>

function checkselected(){
    var div_ref = document.all("txtbox1");
    div_ref.style.visibility = "visible";
}

标签： javascripthtmlcoldfusion

解决方案

您可以编写其他将文本框可见性设置为隐藏的函数，并在单击其他单选按钮时调用它。

其他更好的方法是收听change单选按钮（或只是“其他”单选按钮）上的事件并根据所选值显示/隐藏文本框。

推荐阅读