Как отобразить div на основе флажка отмечен

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>