关于checkbox.checked=true;

关于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元素的吗?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

两者的区别:

1. checked 属性只会影响checkbox 的默认 checked 值,checkboxObject.checked=true|false 直接赋值是可以改变checkbox的勾选状态的。

运行上传代码,使用 checkbox.checked=true; 效果没有选中,在input 标签中 添加checked属性,在运行,已选中。如下:

http://img1.sycdn.imooc.com//climg/5a9f4c1d0001f5f404100030.jpg

2. 使用 setAttribute 可以 直接在Dom 中添加 checked 属性。所以上传代码 使用checkbox[0].setAttribute('checked','checked'); ,效果是选中状态。

动手实践,希望解答你的疑问,欢迎采纳,加油。



提问者 慕工程1453923 2018-03-06 21:36:58

http://img1.sycdn.imooc.com//climg/5a9e98760001717408310471.jpg

并且在课件2-6中,要把jquery元素变成DOM元素才能获取正确的元素属性,这跟2-4的课件有点矛盾,2-4的直接用checkbox.checked就能获取了元素的属性

  • 这个问题,在2-4 中checkbox.checked 也获取不到值 ,视频中能获取值,是因为在前面设置了 checkbox.checked=true; ,所以获取值是 true. 2-6 当转换成DOM元素 后,就可以获取属性值,动手实践加油!
    2018-03-07 10:49:33
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师