JavaScript'函数未定义'错误与jsfiddle一起使用

Question

我只是想完全理解一个错误,因为有时候我可以绕过它,有时候我不能.我试过写一个函数:

function toggleButton() {
}

但我得到了同样的错误.这是.js样本.

var checkBox = document.getElementById("chkMyBox"); 

 checkBox.onclick = function toggleButton(e, obj1) 
 {    
var btnElement = document.getElementById("btnMyButton");
    if(btnElement != null) {
        alert("Element not null");
    if(e.target.checked && obj1 != null) {
        alert("Checking check " + obj1.checked);
         if(obj1.checked == true && btnElement.getAttribute('disabled') == false){
            btnElement.getAttribute('disabled') = false;
        } else {
                btnElement.getAttribute('disabled') = true;
        } 
    }
  }  
}

这是html:

<form id="frmCheckBox">
   <input type="checkbox" id="chkMyBox" />    
   <button id="btnMyButton" disabled>I'm a Button</button>
</form>

http://jsfiddle.net/Arandolph0/h8Re6/3/

Answer 1

更改此行使用name:

<input type="checkbox" name="chkMyBox" />    

改为使用id:

<input type="checkbox" id="chkMyBox" />    

或者你可以使用:

var elements = document.getElementsByName('chkMyBox');
var element = elements[0]; //first element with that name in the array

要么

var element = document.getElementsByName('chkMyBox')[0];

更新(因为OP改变了原始问题的代码):

function toggleButton(e, obj1) 

这不起作用,因为只有一个参数给回调函数(e).使用e.target获得的元素.