Checkbox zur Zustimmung vor dem Login

Question

Es ist das erste Mal, HTML zu verwenden und möchte ein Kontrollkästchen, die aktivieren oder deaktivieren Sie die Schaltfläche "Anmelden", wenn der Benutzer das Kontrollkästchen nicht aktivieren, aktivieren und aktivieren Sie die Schaltfläche, wenn die Box ist Tick.

<td> 
 
    <input style="width: 80px" name="username" type="text" value="$(username)" /> 
 
</td> 
 
</tr> 
 
<tr> 
 
    <td align="right" class="style6">Password</td> 
 
    <td> 
 
    <input style="width: 80px" name="password" type="password" /> 
 
    </td> 
 
</tr> 
 
<tr> 
 
    <td>&nbsp;</td> 
 
    <td> 
 
    <input type="submit" name="submit" value="Login" /> 
 
    </td> 
 
</tr> 
 
</table> 
 

 

 
<div class="notice" style="color: #c1c1c1; font-size: 12px"> 
 
    <br /> 
 
    <input type="checkbox" name="checkbox" value="check" id="agree" />I agree to the statement above. 
 
    <br /> 
 
</div>

Answer 1

Gerade the required attribute hinzufügen.

<form> 
 
    <input type="checkbox" name="1" value="1" required> 
 
    <input type="submit"> 
 
</form>

Answer 2

Sie können es ein wenig Javascript wie folgt aus:

<input type="checkbox" name="checkbox" value="check" id="agree" onclick="if(this.checked){ document.getElementById('login').disabled=true; }else{ document.getElementById('login').disabled=false; }" /> 

Sie müssen nur eine ID geben, um Ihre Submit-Button!

Answer 3

, wenn Sie es mit dem tun möchten Sie Javascript Sie diese versuchen können (Verwendung @Quention Lösung meiner Meinung nach ist es besser)

document.getElementById("submit").disabled = true; 
 

 
function agree() { 
 
    if (document.getElementById('agree').checked) { 
 
    document.getElementById("submit").disabled = false; 
 
    } else { 
 
    document.getElementById("submit").disabled = true; 
 
    } 
 
}

<td><input style="width: 80px" name="username" type="text" value="$(username)" required/></td> 
 
    </tr> 
 
    <tr> 
 
    <td align="right" class="style6">Password</td> 
 
    <td><input style="width: 80px" name="password" type="password"/></td> 
 
    </tr> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 

 
    <td><input id="submit" type="submit" name="submit" value="Login" /></td> 
 
    </tr> 
 
    </table> 
 

 

 
    <div class="notice" style="color: #c1c1c1; font-size: 12px"><br /> 
 
    <input type="checkbox" name="checkbox" value="check" id="agree" onclick="agree()" required/> I agree to the statement above. 
 
    <br q v/> 
 
    </div>