javascript - 自执行js,为什么下面的js获取checkbox的值不执行呢。
PHP中文网
PHP中文网 2017-04-10 14:22:11
[JavaScript讨论组]
<html>
    <head>
        <script type="text/javascript">

            (function() { 
                alert("here.....");
                var ss = document.getElementById("cc").value;
                alert("xxxxx= "+ss);
            })()
        </script>
    </head>

    <body>
        <input type="checkbox" id = "cc" name="c" onclick="getit();" onmouseover="mouseover();" disabled>
    </body>

<html>
PHP中文网
PHP中文网

认证0级讲师

全部回复(1)
巴扎黑

因为DOM没有加载完成, 无法读取 value .

解决方法:

  • script 标签放底部
  • 使用 jQuery ready()
  • 挂载到 onload 事件

DEMO:

<html>
<head>
  <script>
    alert("here.....");
    window.onload = function() { 
      var a = document.getElementById("cc").value;
      alert("xxxxx= "+a);
    }
  </script>
</head>
<body>
  <input type="checkbox" id="cc">
</body>
<html>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号