Onclick on bootstrap button

Just like any other click event, you can use jQuery to register an element, set an id to the element and listen to events like so:

$('#myButton').on('click', function(event) {
  event.preventDefault(); // To prevent following the link (optional)
  ...
});

You can also use inline javascript in the onclick attribute:

<a ... onclick="myFunc();">..</a>

Related Posts:

  1. Bootstrap Dropdown menu is not working
  2. How does the data-toggle attribute work? (What’s its API?)
  3. Adding images to a Bootstrap Carousel with AJAX
  4. ChangeDate – Date Picker Bootstrap
  5. Understanding how data-dismiss attribute works in Bootstrap
  6. bootstrap-datetimepicker for bootstrap 4
  7. TypeError: $(…).modal is not a function with bootstrap Modal
  8. Bootstrap popover is not working
  9. Bootstrap modal – close modal when “call to action” button is clicked
  10. Creating Accordion Table with Bootstrap
  11. How to open a Bootstrap modal window using jQuery?
  12. Closing Bootstrap modal onclick
  13. Bootstrap Collapse not Collapsing
  14. Enqueueing a script and a style sheet not working
  15. Masonry grid with bootstrap 4
  16. map function for objects (instead of arrays)
  17. Check if a string has a certain piece of text [duplicate]
  18. How to convert a string to an integer in JavaScript?
  19. How do I make the first letter of a string uppercase in JavaScript?
  20. window.location.href and window.open () methods in JavaScript
  21. “document.getElementByClass is not a function”
  22. How to create an associative array in JavaScript literal notation
  23. Include another HTML file in a HTML file
  24. Cannot open local file – Chrome: Not allowed to load local resource
  25. How to read a local text file?
  26. Compare dates with javascript
  27. Javascript Uncaught SyntaxError: Unexpected identifier
  28. “document.getElementByClass is not a function”
  29. What’s the best way to convert a number to a string in JavaScript?
  30. React Native: this.setState is not a function
  31. How to perform string interpolation in TypeScript?
  32. forEach is not a function error with JavaScript array
  33. Short circuit Array.forEach like calling break
  34. How do I format date in jQuery datetimepicker?
  35. Express Render not working return error: No default engine was specified and no extension was provided
  36. Remove Object from Array using JavaScript
  37. Angular4 – No value accessor for form control
  38. What is the difference between ( for… in ) and ( for… of ) statements?
  39. TypeError: Cannot read property “0” from undefined
  40. How to use npm jquery module?
  41. Jquery swipe left or right on mobile
  42. Cannot read property ‘bind’ of undefined. React.js
  43. Why is my asynchronous function returning Promise { } instead of a value?
  44. NodeJs : TypeError: require(…) is not a function
  45. Sort array by firstname (alphabetically) in Javascript
  46. Sorting arrays in javascript by object key value
  47. How do I get an element to scroll into view, using jQuery?
  48. document.getElementById not working / Display
  49. jQuery: Check if div with certain class name exists
  50. Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
  51. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  52. How to get height of div in px dimension
  53. jQuery: Uncaught Error: Syntax error, unrecognized expression
  54. What is the difference between String.slice and String.substring?
  55. How to use in jQuery :not and hasClass() to get a specific element without a class
  56. Crop the image using JavaScript
  57. What is the best way to remove a table row with jQuery?
  58. Adjust width and height of iframe to fit with content in it
  59. document.getElementbyId() returning null
  60. Only on Firefox “Loading failed for the script with source”
  61. How do you use a variable in a regular expression?
  62. How to embed a youtube playlist with a sidebar
  63. How to add a button dynamically using jquery
  64. External JavaScript Not Running, does not write to document
  65. Create a simple 10 second countdown
  66. Generate a Hash from string in Javascript
  67. jQuery if Element has an ID?
  68. Get name of object or class
  69. Complex JSON nesting of objects and arrays
  70. Find a value in an array of objects in Javascript [duplicate]
  71. What does `node –harmony` do?
  72. AngularJS POST Fails: Response for preflight has invalid HTTP status code 404
  73. What does wp-list.js do?
  74. Preventing YouTube embeds loading multiple instances of player JS?
  75. How to combine javascript files without plugins?
  76. WordPress Errors? Update Failed! data.min.js
  77. How to handle malformed response from WP REST API?
  78. Use useSelect/useDispatch instead of withSelect/withDispatch
  79. Trouble adding JavaScript in visual editor (Sharpspring embed code)
  80. Modals using loops and ACF [closed]
  81. Changes to JS not reflected on site
  82. How to set translations in javascripts for my plugin?
  83. How to make wordpress URLS google friendly for ajax driven sites?
  84. js addclass function not working as expected, intereaction or special WP somethign needed?
  85. Get a default value of the Customizer setting using wp.customize API (JS)
  86. Google PageSpeed Enable Compression isn’t working?
  87. How can I add Javascript in the header of all post pages and only post pages
  88. wp_enqueue_script not loading my custom js file
  89. Javascript alert appears before tag
  90. Add captcha validation to my custom form for Frontend posting
  91. AddThis Sharing Bar Not Displaying on Custom Page Template – JS conflict?
  92. Bootstrap bundle present in page source but not working
  93. Web cover page open when button clicked
  94. Add JavaScript-Library “Fitty” to WordPress
  95. Access checks with custom REST endpoints and backbone
  96. How to pass data to javascript in custom widget class
  97. jQuery + more won’t load in header
  98. How to add additional JavaScript code [duplicate]
  99. JavaScript errors
  100. Unable to change the location of a file

Leave a Comment