javascript - onclick函数需要执行一个简单的javascript函数

Question

我有一个按钮，我试图在其中添加点击 jquery，如下所示

<button onclick="myFunction()">YES</button>

还有

$(document).ready(function() {
    function myFunction(){
        $('#mycheckboxdiv').toggle();
        $("div#headersteptwo").addClass("hidden");        
    }
})

但是，单击时我收到 Uncaught ReferenceError: myFunction is not Defined

我做错了什么以及如何解决这个问题？

使用示例 jsfiddle 进行了更新

http://jsfiddle.net/3aC7W/1/

Answer 1

What am I doing wrong and how to fix this?

您正在另一个函数内定义该函数，即该函数未在全局范围内定义，因此无法被内联事件处理程序找到。

只需删除 $(document).ready(function() { 因为您不需要它:

function myFunction(){
    $('#mycheckboxdiv').toggle();
    $("div#headersteptwo").addClass("hidden");        
}

如果您操作 DOM，并且只有将脚本放在 中的元素之前，则只需使用 $(document).ready(function() { ... }); HTML 文档。

<小时/>

当然，更好的解决方案是将事件处理程序与 jQuery 绑定(bind)(而不是使用内联事件处理程序):

$(document).ready(function() {
    $('button').on('click', function(){
        $('#mycheckboxdiv').toggle();
        $("div#headersteptwo").addClass("hidden");        
    });
});

您可能需要向按钮添加类或 ID 以使选择器更加具体。看看list of available selectors .