Click event doesn't get triggered

I want the user to select the entire input box when he clicks on it.

In my case the input box is:

      <label for="bla">My checkbox</label>
      <input type="input" id="bla" name="check" value="checked" />

To do this I wrote the following JS:

function SelectAll(bar){   
    bar.focus();
    bar.select();
    console.log(bar);
}    
window.onload=function()
{
   var bla=document.getElementById("bla");
   bla.addEventListener('click',SelectAll(bla),false);       
};

But all i get in the console is <input type="input" value="checked" name="check" id="bla"> once and no matter how much I click I cannot get any more.

addEventListener callback reference should have no parameters.

.addEventListener('click', SelectAll)

By adding (bla), it is actually being called as SelectAll(bla)(element), which is not what you want.