`

关于checkbox控制

    博客分类:
  • html
 
阅读更多
关于checkbox控制是否选中容易混淆的问题,实际与"checked=checked"无关

<!DOCTYPE html>
<html>
<head>
<style>
div { width:60px; height:60px; margin:10px; float:left; }
p { clear:left; font-weight:bold; font-size:16px;
color:blue; margin:0 10px; padding:2px; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<input id="check_id" type="checkbox" onclick="checkAttr(this);"/>check
<p>Added this... (notice no border)</p>
<script type="text/javascript">
function checkAttr(obj) {
if(obj.checked == true) {
alert("true");
} else if(obj.checked == false) {
alert("false");
}
obj.checked = false;
$("#check_id").attr("checked","checked");
//$("#check_id").removeAttr("checked");
}
</script>
</body>
</html>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics