Javascript 数组复选框显示新的div

Javascript 数组复选框显示新的div,javascript,html,checkbox,Javascript,Html,Checkbox,我对JavaScript代码有一些问题,因为如果用户选中了一个复选框,我会显示一个新的div,但是如果选中了另一个复选框,则div应该消失,但它确实消失了,我的代码如下: <script type="text/javascript"> var checkDisplay = function(check, form) { //check ID, form ID form = document.getElementById(form), check = docum

我对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> 

var checkDisplay=函数(检查,表单){//检查ID,表单ID
form=document.getElementById(form),check=document.getElementById(check);
check.onclick=函数(){
form.style.display=(this.checked)?“块”:“无”;
form.reset();
};
check.onclick();
};
这是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>

Efectivo
存款
检查显示(“depo”、“deposi”);
只需标记其中一个复选框,如果选中depo复选框,则打开一个带有新输入和其他内容的新div,但是如果选中efe复选框,则之前出现的div应消失,简言之,如果复选框应出现在表单中,但如果在另一个表单下,则应消失


问题是当显示div时,如果我选中其他复选框,表单不会消失


请。。。我需要这个代码的帮助。。。如果你有另一个代码,这将是伟大的

解决方案是创建一个和一个,并在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>
>
>挑一个。。。
>展示
>隐藏
>
>嗨!
>$(文档).ready(函数(){
>$(“#razondiv”).hide();
>$(“#状态”)。更改(函数(){
>如果($(“#状态”).val()=='show'){
>$(“#razondiv”).show();
>           }
>否则{
>$(“#razondiv”).hide();
>           }
>        });
>     });
>

您能否澄清您的预期目标?如果选中了第二个框,但没有选中第一个框,该怎么办?如果两个框都选中了怎么办?你还计划在某些情况下更新一个或另一个复选框的状态吗?另外,而不是“PLI我需要帮助这个代码……”请考虑解释为什么这个代码不起作用,你期望发生什么。只需标记其中一个复选框,如果选中depo复选框,则打开一个带有新输入和其他内容的新div,但如果选中efe复选框,则之前出现的div应不相似,简而言之,如果复选框应出现在表单中,但如果出现在另一个表单下,则应消失。问题在于显示div时,如果我选中了另一个复选框,表单不会消失。您是否会更新您的问题,以显示尝试实现所有这些功能的代码,并更新最后一段,以确切说明当前代码如何无法满足您的期望?