Question

我正在开发一个游戏，在规则n规则页面我有一个复选框，所以我想在复选框时选中继续按钮应该出现，否则它应该从页面中消失。

<div id = "bSubmit"><input type="submit" value="continue"></div> 

function validate() {
    if (document.getElementById('iAgree').checked) 
    {
        bSubmit.display='block';
    } 
    else
    {
        bSubmit.display='none';
    }
}

请帮帮我

Answer 1

您需要在代码中更改或添加一些要点。我提出的那个如下。

您可以通过将js分成另一个文件并将代码包装在document.onload函数中来进一步改进它。

<input type="checkbox" id="iAgree"/>
<div id = "bSubmit"><input type="submit" value="continue"></div> 

<script>

    var bIAgree = document.getElementById('iAgree');

    function validate() {

        var bSubmit = document.getElementById('bSubmit');

        if (bIAgree.checked) {
            bSubmit.style.display='block';
        } else {
            bSubmit.style.display='none';
        }
    }
    // For the first time that the page loads,
    // set the state of the div
    validate(); 

    // set the state of the div when the checkbox state has changed
    bIAgree.onchange = validate;

</script>

如何在复选框的基础上显示div被选中

1 个答案: