0

我想要一个使用单选按钮来显示 div 的切换器,具体取决于他们勾选的单选按钮问题。

我已经研究出如何让 div 显示,但不知道如何再次隐藏它,即勾选“是”以显示,或者如果他们改变主意,勾选“否”以再次隐藏。

到目前为止,这是我的代码。

脚本

<script type="text/javascript"> 
    <!-- 
    function showMe (it, box) { 
      var vis = (box.checked) ? "block" : "none"; 
      document.getElementById(it).style.display = vis;
    } 
    //--> 
</script>

标记

<h4>Are you an existing customer?</h4>

<input type="radio" name="existing" id="radio" value="Yes" onclick="showMe('existing', this)" /> Yes <input type="radio" name="existing" id="radio" value="No" /> No

<div id="existing">

Please enter your member number <br>
<input type="text" class="loan-app" name="member-number" value="" />

</div>

如果有人可以帮助我朝着正确的方向前进,那就太好了。

干杯

4

1 回答 1

0

您尚未将onclick处理程序附加到no单选按钮。

尝试这个:

<input type="radio" name="existing" id="radio" value="No" onclick="showMe('existing', this)" />
于 2013-07-10T13:06:02.350 回答