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

-1

我正在开发一个游戏，在规则n规则页我有一个复选框，所以我希望当复选框被选中继续按钮应该出现，否则它应该是从页面消失。如何在复选框的基础上显示div

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

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

请帮我

来源

2015-10-04 Ayush Mishra

如果你搜索更多你也许可以找到一个解决方案... 你的情况是好的，检查如何更改CSS - 的document.getElementById（“隐藏”）的style.display =“块”。（http://stackoverflow.com/questions/4838351/how-to-modify-a-css-display-property-from-javascript） –

那么有您需要更改或添加在你的代码点。我想到的那个如下。

您可以通过将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>

来源

2015-10-04 08:50:58 Musa

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

回答

相关问题