checkbox选中之后才能点击按钮

最新推荐文章于 2022-09-28 19:35:25 发布

陆大先生

最新推荐文章于 2022-09-28 19:35:25 发布

阅读量7.3k

点赞数 2

CC 4.0 BY-SA版权

文章标签： javascript dom

本文链接：https://blog.youkuaiyun.com/ming514671146/article/details/51584936

本文介绍了一个简单的注册页面设计，通过JavaScript实现用户勾选同意协议后激活提交按钮的功能，并改变了按钮的颜色和状态。此示例展示了如何使用HTML和JavaScript进行基本的网页交互设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>注册</title>
<script>
function check(){
var checkbox = document.getElementById("ch");//选中checkbox的id；
if(checkbox.checked==true){//按钮已选中
document.getElementById("but").style.backgroundColor="red";
document.getElementById("but").removeAttribute("disabled");//移除disabled
}else{
document.getElementById("but").disadled="disabled";
}
}
</script>
</head>
<body>
<form name="form1" action="还是按钮.html">
<input type="checkbox" id="ch" onclick="check()">我同意协议<br>
<input type="submit" disabled="disabled" id="but" value="提交注册">
</form>
</body>
</html>