关于checkbox.checked=true;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
</head>
<body>
<img id="logo" src="../logo1.jpg" alt="jQuery logo" title="jQuery logo" class="title1"/>
<img id="logo2" src="../logo1.jpg" alt="jQuery logo" class="img-jquery2" title="jQuery logo" />
<input type="checkbox" id="check" tabindex="1" style="width:50px; height: 50px;" title="Check this!" description="just a checkbox" />
<script src="../../../vendor/jquery-1.12.4.js"></script>
<script>
$(function() {
var img = $('img');
var checkbox = $('#check');
//checkbox[0].setAttribute('checked','checked');
checkbox.checked=true;
//console.log(checkbox.attr('title'));
console.log(checkbox.checked);
});
</script>
</body>
</html>
我想问问老师,checkbox.checked=true,是设置了属性吗?设置属性不是应该用DOM元素的吗?
正在回答
两者的区别:
1. checked 属性只会影响checkbox 的默认 checked 值,checkboxObject.checked=true|false 直接赋值是可以改变checkbox的勾选状态的。
运行上传代码,使用 checkbox.checked=true; 效果没有选中,在input 标签中 添加checked属性,在运行,已选中。如下:
2. 使用 setAttribute 可以 直接在Dom 中添加 checked 属性。所以上传代码 使用checkbox[0].setAttribute('checked','checked'); ,效果是选中状态。
动手实践,希望解答你的疑问,欢迎采纳,加油。
并且在课件2-6中,要把jquery元素变成DOM元素才能获取正确的元素属性,这跟2-4的课件有点矛盾,2-4的直接用checkbox.checked就能获取了元素的属性
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星