js代码报错：Uncaught ReferenceError: checkBox is not defined

7yang7

已于 2022-08-24 10:11:15 修改

阅读量7.6k

点赞数 3

分类专栏： JavaScript 文章标签： html checkbox JavaScript jQuery

于 2015-11-01 12:36:14 首次发布

本文链接：https://blog.youkuaiyun.com/u014284252/article/details/49557335

版权

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了在网页中遇到JS函数未定义错误的问题，详细解释了问题产生的原因，并提供了解决方案。通过将函数移出内联式DOM元素外层，确保函数在页面加载前被定义，从而解决了事件触发失败的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<script type="text/javascript">
	$(function(){
	//全选删除按钮
	function checkBox(){
	alert("hah");
	}
	........其余代码省略
	});
	</script>
上面是js代码
下面是html中的片段，其中定义了一个checkBox()函数
	<th width="20">
	<input type="checkbox" onclick="checkBox()" />
	</th>
然后在页面里面怎么也触发不了点击事件，后来在Chrome F12调试工具的console界面发现js代码报了这个错误Uncaught ReferenceError: checkBox is not defined
错误显示是checkBox函数未定义，再去看一下源代码发现checkBox时间函数写在了$(function(){}这个函数体内，而该函数是在整个页面加载完才触发的，而页面在加载的时候找不到checkBox函数的定义所以就报错，页面也就无法触发该事件函数。

解决方案

    <script type="text/javascript">
    //全选删除按钮【将函数挪到外层】
    function checkBox(){
    alert("hah");
    }

    $(function(){

    ........其余代码省略
    });
    </script>