html 选中“禁用提交直到”复选框

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 选中“禁用提交直到”复选框相关的知识，希望对你有一定的参考价值。


<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8 />
	<title></title>
	<link rel="stylesheet" type="text/css" media="screen" href="css/master.css" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>
 

<input type="text" name="name" placeholder="name" >

<input type="text" name="email" placeholder="email" >

<input type="checkbox" id="check" onclick="javascript:toggle();"> Agree to Terms

<input type="submit" value="submit" id="button" disabled>
 
</body>
</html>




JS:

function toggle() {
	if(document.getElementById("check").checked) {
			document.getElementById("button").disabled=false;
	}
	else {
		document.getElementById("button").disabled=true;
	}
}

以上是关于html 选中“禁用提交直到”复选框的主要内容，如果未能解决你的问题，请参考以下文章

带密码确认的引导 4 验证并禁用提交，直到表单验证（注册表单）

POST 未选中的 HTML 复选框

Html复选框单击获取自身值的问题：

布尔属性的语法是啥，例如一个选中的复选框，在 HTML 中？

如何在edit.html.erb中显示复选框“选中状态”

如何写js, 让html选中复选框, 价格自动加上去