关于“通过判断checked是否被选中，来控制button是否能点击”解决方法之一

最新推荐文章于 2023-04-11 22:59:45 发布

猫头嘤

最新推荐文章于 2023-04-11 22:59:45 发布

阅读量1k

点赞数

分类专栏：前端基础文章标签： html JavaScript JQuery

本文链接：https://blog.csdn.net/WEQ3323/article/details/102664866

版权

前端基础专栏收录该内容

7 篇文章 0 订阅

订阅专栏

主要思想：通过判断点击<input type="checkbox" />复选框的次数来确定button的disabled的属性；

直接上代码

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>关于“通过判断checked是否被选中，来控制button是否能点击”解决方法之一</title>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<style type="text/css">
			.app{width: 300px;height: 100px;border: 1px solid gray;text-align: center;margin: 0 auto;padding: 12px;}
			 button{width: 60%;height: 40px;font-size: 20px;border:none;font-weight: bold;}
		</style>
	</head>
	<body>
		<div class="app">
			<button id="text" disabled="">登&nbsp;陆</button>   <br />
			<input type="checkbox" name=""d  id="checked" value="checkbox" />我已经阅读相关说明
			<a href="">《使用说明》</a>
		</div>
		<script type="text/javascript">
			var checked = $("#checked").is(":checked");
			var ag = 0
			$("#checked").click(function() {
				ag++;
				//console.log(ag)
				// 通过判断点击的次数来确定button的disabled的属性
				if(ag % 2 == 0) {
					$('#text').attr("disabled", "true");
				} else {
					$('#text').removeAttr("disabled");
				}
			})
			$("#text").click(function(){
				alert("我已经被激活了")
			})
		</script>
	</body>

</html>

如果还有什么好的方法可以再评论区介绍哟，互相学习，共同进步。