Why can’t I use onClick to execute a function inside a jQuery $(document).ready function?

by

It’s because that function isn’t in a global context, which is where your onclick="" is looking for it. You need to move it outside your document.ready (so it’s not scoped exclusively to that closure), or (a better approach IMO) bind it inside the document.ready, here’s what I mean by each:

Binding it inside (remove your onclick="" for this):

$(document).ready(function() { 
  alert('ready');
  $("input[name="Go"]").click(doIt);
  function doIt() {
    alert('did it');
  }
});

or the anonymous version (again remove your onclick=""):

$(document).ready(function() { 
  alert('ready');
  $("input[name="Go"]").click(function() {
    alert('did it');
  });
});

Or move it outside (keep your onclick=""):

$(document).ready(function() { 
  alert('ready');
});
function doIt() {
  alert('did it');
}

More Related Contents:

  1. What is the best way to handle onchange event on a div? [closed]
  2. Different look in desktop, how to setup
  3. How to get client’s IP address using JavaScript?
  4. What’s the right way to decode a string that has special HTML entities in it? [duplicate]
  5. How to set file input value when dropping file on page? [duplicate]
  6. How can javascript upload a blob?
  7. Prevent BODY from scrolling when a modal is opened
  8. In jQuery, how do I select an element by its name attribute?
  9. Equivalent of jQuery .hide() to set visibility: hidden
  10. JQuery .on() method with multiple event handlers to one selector
  11. Prevent contenteditable adding on ENTER – Chrome
  12. How to get the focused element with jQuery?
  13. Run change event for select even when same option is reselected
  14. JQuery Slider, how to make “step” size change
  15. Detect between a mobile browser or a PhoneGap application
  16. How to move table row in jQuery?
  17. prevent touchstart when swiping
  18. Remove attribute of HTML tag
  19. Is there a way to zoom into a D3 force layout graph?
  20. jQuery – bind event on Scroll Stop
  21. Twitter bootstrap – Focus on textarea inside a modal on click
  22. jQuery – get the first class only from a element
  23. Easy dom manipulation in AngularJS – click a button, then set focus to an input element
  24. How to select line of text in textarea
  25. jquery selector on multiple id
  26. How to disable repetitive keydown in jQuery [duplicate]
  27. Checking a Url in Jquery/Javascript
  28. How to get the text of the selected option of a select using jquery?
  29. Does jQuery .remove() clear out loaded javascript when it is used to remove a script tag?
  30. In jQuery mobile, what’s the diff between tap and vclick?

Leave a Comment