The reason you are getting the error is that you are trying to bind a JavaScript function to a WordPress PHP hook.
Bind your JavaScript handler to the form’s submit event:
$( "#your-form" ).submit(function( event ) {
//Select checkboxes by id
var $checkboxes = $('input[id=checkboxprice]');
//Set event
$checkboxes.on('change', function ()
{
var totalPrice = 0;
$checkboxes.each(function()
{
//Sum values of checkboxes
if(this.checked)
totalPrice = totalPrice + parseInt(this.value);
});
$("#price").val(totalPrice);
});
event.preventDefault();
});
Place the relevant code in a JavaScript file and enqueue it:
https://developer.wordpress.org/reference/functions/wp_enqueue_script/
Related Posts:
- How to send multiple data fields via Ajax?
- Adding an onclick function to go to url in JavaScript?
- Checking a Url in Jquery/Javascript
- Download File Using jQuery
- Jquery Ajax Posting JSON to webservice
- How can I display a tooltip message on hover using jQuery?
- correct way of comparing string jquery operator =
- JQuery: $.get is not a function
- Bootstrap carousel not sliding
- Jquery to change form action
- Split string in jquery
- Detecting value change of input[type=text] in jQuery
- Javascript : array.length returns undefined
- Comparing dates in jquery
- jQuery: using a variable as a selector [duplicate]
- Slide right to left?
- jQuery – checkbox enable/disable
- How can I correctly format currency using jquery?
- Correct Method to run scripts with dependencies without enqueue?
- How to prevent wordpress from loading old versions of jquery in wp_head();?
- Using the WordPress Media Library and returning the Attachment ID rather than URL?
- How to get a jQuery script to run on a page?
- Moving jQuery to the footer without using de-register in WordPress
- Best approach for loading a sidebar Only if the screen max-width is >900px?
- Localize variable for multiple Shortcodes
- ajax call in wordpress front end
- Including jQuery in WordPress
- Prevent five different copies of jquery from being included on every page
- javascript is not working on Event Submission?
- WordPress audio player causing js error, mediaelementplayer is not a function
- How to get a value from PHP in Jquery through Ajax
- Script for initializing JQuery Masonry for WordPress
- Combining media queries with image sizes
- Is it possible to hide media details sidebar when wp.media popup is being opened?
- Correct way to write jQuery functions in WordPress
- Format numeric symbols in titles
- How can I make this custom menu work?
- Remove WordPress scripts
- Use jQuery to conditionally hide elements in Quick Edit
- AJAX Loaded Glossary like Search results with links to other entries from custom table
- Trouble with WordPress Ajax Login System – 302
- Why does javascript works only if logged in?
- Load the next posts ajax
- How does WordPress handle HTML Tables interaction with jQuery
- what’s the best way to add a class to the div with a class of post every 4 seconds using jquery? [closed]
- Why Won’t my jQuery Play Nice with WordPress?
- Delete some text and change html tag with Jquery
- Problem passing id-specific objects to javascript via wp_localize_script
- I am trying to modify a plugin and am adding Jquery, but it does not seem to be executing
- FacetWP – conditionally display facet labels
- Callback After WordPress Customizer Complete Loading
- Uncaught ReferenceError: jQuery is not defined . How do I define it correctly?
- Close Fancybox, sumbit form data and redirect
- Showing All the Posts in the Loop
- Properly embed javascript into WP (using function.php) – doesn’t work?
- jQuery tabs plugin with callback to fetch data
- jQuery is not defined [closed]
- Nested Gallery Shortcode INTERMITTENTLY working
- Best way of getting a a series of custom fields into an array?
- jQuery selectable() function won’t work in wordpress
- jQuery(selector) vs. $(selector)
- Null/undefined return in WordPress AJAX request
- Disable auto hide of the login form on Woocommerce’s checkout page
- How do I make Contact Form 7 pop up in thickbox? [closed]
- How To Include JavaScript Files Only In Single Posts?
- Sorting dynamic table content with jQuery
- jQuery .load and WP function
- Determine image height within Fancybox
- How to use JQuery Marquee in WordPress?
- How can I get this menu container to be the height of the contents?
- JQuery is not working after complete load of the page
- I am trying to load a Js Dynamic Audio Synth [closed]
- Uncaught ReferenceError: jQuery is not defined
- Carousel Slider For Custom PHP Snippet Is Not Working
- why does so many javascript libraries are loaded along with my website?
- Why does my media selection script write to ONLY the first input field?
- Modify the href attribute of tag dynamically in WordPress
- Add a jQuery snippet for sepcific user role
- Move jQuery on *top* of footer
- Call admin ajax using absolute url? Relative URL breaks (frontend ajax)
- Dynamic image grid gallery
- Responsive framework – edit child js
- Page keeps refreshing with Ajax form
- jquery issue in functions.php
- JS plugin script loading but not working
- WP Calendar Shortcode not working on my theme
- Hide input field when second input field is in focus
- Are you sure popup on Contact Form 7 [closed]
- change the icon of a custom post type in WordPress to use twitter boostrap
- Is it possible to append an external html file to my wordpress navigation?
- Using jQuery toggle() in WordPress post to show/hide Tweet button?
- Call a Simple JQuery from within Flash
- Ajax request with jQuery without WP_ajax
- JS file not loading [closed]
- How can insert JQuery in WordPress? [closed]
- I need a Pop up with description when i click an image
- My website si Blocked by google and warns the visitors that is Unsafe site
- Jquery in IE, fully messed up
- jQuery datepicker not showing on admin menu
- Can’t seem to check off a category checkbox with jquery?