ログイン前に同意するチェックボックス

Question

初めてHTMLを使用していて、チェックボックスをオンにしてチェックボックスをオンまたはオフにするチェックボックスを組み込んで、ボックスに同意してボタンを有効にする場合ダニ。

<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

だけthe required attributeを追加します。

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

Answer 2

次のようなJavaScriptのビットを使用してそれを行うことができます。

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

あなたは自分の送信ボタンにIDを与えなければなりません！

Answer 3

あなたは（それが良いでしょう私の意見で利用@Quentionソリューション）、これを試すことができますJavaScriptでそれをしたい場合は

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>