Javascript 如果未选中复选框,如何禁用“注册”按钮?
我试着用HTML打开注册页面,我想做验证,若并没有选中复选框,我想禁用注册按钮,是不是像我下面所说的那个样?什么是特定的HTML5代码Javascript 如果未选中复选框,如何禁用“注册”按钮?,javascript,html,validation,if-statement,Javascript,Html,Validation,If Statement,我试着用HTML打开注册页面,我想做验证,若并没有选中复选框,我想禁用注册按钮,是不是像我下面所说的那个样?什么是特定的HTML5代码 EnableSubmit = function(val) { var sbmt = document.getElementById("Accept"); if (val.checked == true) { sbmt.disabled = false; } else { sbmt.
EnableSubmit = function(val)
{
var sbmt = document.getElementById("Accept");
if (val.checked == true)
{
sbmt.disabled = false;
}
else
{
sbmt.disabled = true;
}
}
这是我的按钮和复选框UI代码
<div class="form-group">
<a href="index.html" class="btn btn-primary pull-right" id="button">Sign Up!</a>
<label class="terms" id="terms"><input type="checkbox"> I agree with the <a href="terms-and-conditions.html">Terms and Conditions</a></label>
</div>
我同意这个观点
这样做可以:
<input onclick="EnableSubmit(this)" type="checkbox">
HTML代码
<div class="form-group">
<a href="index.html" class="btn btn-primary pull-right" id="sbmt_btn" onclick="my_func()">
Sign Up!
</a>
<label class="terms" id="terms">
<input type="checkbox" id="chkbox_accept">
I agree with the
<a href="terms-and-conditions.html">Terms and Conditions</a>
</label>
假设您在表单中有一个ID为“Accept”的submit按钮。您可以给它一个相同值的名称,并使用:
<input type="checkbox" onclick="this.form.Accept.disabled=!this.checked">
但是,这并不保证在提交表单时选中复选框。此外,如果默认情况下禁用了“提交”按钮,则未编写脚本的用户可能无法提交表单。考虑默认情况下启用它并使用脚本禁用它。
var enablesmit=函数(val){
var lnk=document.getElementById(“按钮”);
val?lnk.classList.remove('disabled'):lnk.classList.add('disabled');
};
var isAgreed=函数(){
return-1==document.getElementById(“按钮”).className.split(“”).indexOf('disabled');
};代码>
我同意这个观点
<input type="checkbox" onclick="this.form.Accept.disabled=!this.checked">