javascript - 数组复选框显示一个新的 div

Question

我的 JavaScript 代码有一些问题，因为如果该人选中了一个复选框，我会显示一个新的 div，但是如果选中另一个复选框，则该 div 应该消失，但它确实如此，这是我的代码：

<script type="text/javascript">
    var checkDisplay = function(check, form) { //check ID, form ID
        form = document.getElementById(form), check = document.getElementById(check);
        check.onclick = function(){
            form.style.display = (this.checked) ? "block" : "none";
            form.reset();
        };
        check.onclick();
    };
</script> 

这是 HTML 块：

<div id="Opciones">
        <p style="display: inline-block;">Efectivo</p>&nbsp;&nbsp;<input type="checkbox" value="1" id="efe" name="check"/>
        <p style="display: inline-block;">Deposito</p>&nbsp;&nbsp;<input type="checkbox" value="2" id="depo" name="check"/>
    </div>

    <div id="deposi">
        <div class="row">
             <input type="checkbox"/>
        </div>
    </div>
<script type="text/javascript">
    checkDisplay("depo", "deposi");
</script>

应该只标记一个复选框，如果选中 depo 复选框，打开一个带有新输入和其他内容的新 div，但是如果一个 cheked efe chechbox 之前出现的 div 应该消失，简而言之，如果一个复选框应该出现在一个表格，但如果在另一个表格下，应该消失。

当显示 div 时出现问题，如果我选择另一个复选框，表单不会消失

请...我需要有关此代码的帮助...如果您有另一个很棒的代码！

Answer 1

解决方案是在 javascript 中创建一个和

><select name="status" id="status">
>    <option value="">pick one...</option>
>    <option value="show">show</option>
>    <option value="hide">hide</option>
></select>
><div name="razordiv" id="razordiv">Hi!</div>
><script>$(document).ready(function() {
>        $("#razondiv").hide();
>        $("#status").change(function() {
>           if ($("#status").val() == 'show') {
>               $("#razondiv").show();
>           }
>           else {
>               $("#razondiv").hide();
>           }
>        });
>     });
></script>