Jquery的方式和Dom方式判断复选框

最新推荐文章于 2022-04-01 12:11:28 发布

阿旺你好啊

最新推荐文章于 2022-04-01 12:11:28 发布

阅读量453

点赞数

分类专栏： jQuery HTML+JAVASCRIPT

本文链接：https://blog.csdn.net/weixin_43803985/article/details/97374728

版权

HTML+JAVASCRIPT 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

jQuery

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery-3.2.1.min.js"></script>
		 <!-- Dom方式进行判断 -->
		<script type="text/javascript">
			$(function(){
				var $cr=$("#cr");
				var cr=$cr.get(0);
				$cr.click(function(){
					if(cr.checked){
						alert("Dom判断感谢您的支持");
					}
				})
			});
		</script>
		<!-- Jquey方式判断 -->
		<script type="text/javascript">
			$(document).ready(function(){
				var $cr=$("#cr");
				$cr.click(function(){
					if($cr.is(":checked")){//jquery方式判断
						alert("jquery判断感谢您的支持");
					}
				})
			});
		</script>
	</head>
	<body>
		<input type="checkbox" id="cr" />
		 <label for="cr">我已经阅读</label>
	</body>
</html>