逻辑混乱--javascript动态循环绑定

var MyIcon = document.getElementsByClassName('icon');
for(var i=0;i<MyIcon.length;i++){
 MyIcon[i].index = i;
 var onOff = true;
    (function(i){
       
        MyIcon[i].onclick = function() {
         if ( onOff ) {
             MyIcon[i].src = 'images/cmt2.png';
             onOff = false;
         }
         else {
             MyIcon[i].src = 'images/cmt1.png';
             onOff = true;
         }
        }
    })(i);

大意就是。。。说不清，下次百度关键词吧