HTML 复选框和同意条款和条件的提交按钮

问题描述 投票:0回答:1

我正在设计一个用于WiFi身份验证的html页面,我想在此页面中引入一个复选框和提交按钮,在阅读条款和条件并选中复选框后,提交按钮将被激活。

这可行吗?

谢谢,

html authentication checkbox submit wireless
1个回答
12
投票
<html>
<head>
<script>
 function disableSubmit() {
  document.getElementById("submit").disabled = true;
 }

  function activateButton(element) {
    
      if(element.checked) {
        document.getElementById("submit").disabled = false;
       }
       else  {
        document.getElementById("submit").disabled = true;
      }
  
  }
</script>
</head>

<body onload="disableSubmit()">
 <input type="checkbox" name="terms" id="terms" onchange="activateButton(this)">  I Agree Terms & Conditions
  <input type="submit" name="submit" id="submit">
</body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.