在javascript中对复选框check/uncheck执行验证

这里我有一个复选框，如果该复选框被选中，那么我想显示一个div，如果该复选框被取消选中，那么我想隐藏该div

下面是我的代码，它不工作，请帮助

<div class="row1" id="homemove"> <span class="label">Home Move</span>
    <input type="checkbox" id="homecheck" onclick="HomeMove()" </input>
</div>  

function HomeMove() {
    if (document.SalesNew.HomeMove.checked) {
        document.getElementById("NewAddress").style.display = "block";
    } else if (!document.SalesNew.HomeMove.checked) {
        document.getElementById("NewAddress").style.display = "none";
    }
}

搬家
不确定document.SalesNew.HomeMove

应该是什么，但您应该创建一个事件处理程序，如下所示：

<div class="row1" id="homemove"> 
    <span class="label">Home Move</span>
    <input type="checkbox" id="homecheck"></input>
</div>

<script type="text/javascript">
    document.getElementById('homecheck').onchange = function() {
        document.getElementById("NewAddress").style.display = this.checked ? 'block' : 'none';
    }
</script>

搬家
document.getElementById（'homecheck'）。onchange=function（）{
document.getElementById（“NewAddress”）.style.display=this.checked？'block'：'none'；
}

---

另外，您没有ID为

NewAddress

的元素，但我猜您正在使用的实际代码中有一个元素。

不确定document.SalesNew.HomeMove应该是什么，但您应该创建这样的事件处理程序：

<div class="row1" id="homemove"> 
    <span class="label">Home Move</span>
    <input type="checkbox" id="homecheck"></input>
</div>

<script type="text/javascript">
    document.getElementById('homecheck').onchange = function() {
        document.getElementById("NewAddress").style.display = this.checked ? 'block' : 'none';
    }
</script>

搬家
document.getElementById（'homecheck'）。onchange=function（）{
document.getElementById（“NewAddress”）.style.display=this.checked？'block'：'none'；
}

---

另外，您没有ID为

NewAddress

的元素，但我猜您正在使用的实际代码中有一个元素。

或者，如果您想保留自己的代码，可以这样做：

---

或者，如果您想保留自己的代码，可以这样做：

---

替换您的JavascriptHomeMove函数，如下所示

function HomeMove() {
    if (document.getElementById("homecheck").checked) {
        document.getElementById("NewAddress").style.display = "block";
    } else {
        document.getElementById("NewAddress").style.display = "none";
    }
}

---

替换JavascriptHomeMove函数，如下所示

function HomeMove() {
    if (document.getElementById("homecheck").checked) {
        document.getElementById("NewAddress").style.display = "block";
    } else {
        document.getElementById("NewAddress").style.display = "none";
    }
}

---

试试下面的小提琴：

显示/隐藏div的简单复选框

HTML

---

试试下面的小提琴：

显示/隐藏div的简单复选框

HTML

---

1.SalesNew？那是什么。NewAddress在哪里？salesnew是当前div所在的表单id。新地址是下面的另一个div，它工作正常，问题是带有复选框。如果表单有ID，您应该使用getElementById1。SalesNew？那是什么。NewAddress在哪里？salesnew是当前div所在的表单id。新地址是下面的另一个div，它工作正常，问题是带有复选框。如果表单有ID，您应该使用getElementById