切换显示隐藏div与单选按钮

时间:2013-07-10 13:04:25

标签: jquery radio-button

我想让一个使用单选按钮的切换器根据他们打勾的单选按钮问题显示一个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>

如果有人能帮助我朝着正确的方向发展,那就太好了。

干杯

1 个答案:

答案 0 :(得分:0)

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

试试这个:

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