0

ここにチェックボックスが1つあり、そのチェックボックスがオンになっている場合は1つの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";
    }
}
4

4 に答える 4

2

何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>

また、 ID を持つ要素はありませんが、NewAddress使用している実際のコードには要素があると思います。

于 2013-07-26T11:30:37.297 に答える