Nearth===>WEB前端--第26课/复选框选中问题（prop(),attr()方法的使用）

最新推荐文章于 2021-04-25 21:55:42 发布

码字界陈冠希

最新推荐文章于 2021-04-25 21:55:42 发布

阅读量346

点赞数

分类专栏： WEB前端第三季/JQuery

本文链接：https://blog.csdn.net/ly1716/article/details/103100898

版权

WEB前端第三季/JQuery 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

代码学习：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
		body{
					 background-image: url(0.jpg);
					 background-repeat: no-repeat;
					 background-attachment: fixed;
					 background-size: 100% 100%;
		}
    </style>
    <script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script>
	  //要求:点击按钮,显示复选框的选中状态
	  $(function(){
		  $("#btn").click(function(){
			  /* //attr()不能真正的获取元素是否为选中状态
			  console.log($("#ck").attr("checked"));
			  //prop() 可以真正的获取元素是否为选中状态
			  console.log($("#ck").prop("checked")); */
			  var flag=$("#ck").prop("checked");//获取选中的状态
			  if(flag){
				  $("#ck").prop("checked",false);
			  }
			  else{
				  $("#ck").prop("checked",true);
			  }
		  })
	  })	  
    </script>
</head>
<body>
<h1>复选框选中问题</h1>
<hr >
<input type="button" name="" id="btn" value="显示状态" />
<hr >
<hr >
<input type="checkbox" name="" id="ck" value="1" />
<div id="dv"></div>
</body>
</html>

不在意你的人多给你说一句话都是浪费时间·······················

码字界陈冠希

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Nearth===>WEB前端--第26课/复选框选中问题（prop(),attr()方法的使用）

代码学习：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ma...
复制链接

扫一扫