0
点赞
收藏
分享

微信扫一扫

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


代码学习:

<!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 条评论