trigger function on multiple events/input fields and calculate them?

Question

I have this small functions that trigger the even to calculate the numbers and sum of input fields with class mad

$(".mad").each(function() {
  $(this).keyup(function() {
  calculateSum();
  });
});

However I have two types of input fields I need to calculate mad and mad2 so I was thinking if something like this would be possible to trigger the calculation on both mad and mad2 fields?

 $(".mad" && ".mad2").each(function() {
      $(this).keyup(function() {
      calculateSum();
      });
    });

Learn about the libraries you use: api.jquery.com/multiple-selector — epascarello
– epascarello, Commented Apr 1, 2014 at 18:06

Näbil Y · Accepted Answer · 2014-04-01 18:17:21Z

2

Simply, use this:

 $(".mad, .mad2")

Your code would become:

$(".mad, .mad2").keyup(function() {
   calculateSum();
});

jQuery are using CSS selectors, so basically you can do anything that CSS selectors can. http://api.jquery.com/category/selectors/

edited Apr 1, 2014 at 18:17

answered Apr 1, 2014 at 18:06

Näbil Y

1,68014 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Näbil Y Over a year ago

You don't need each to add an event for them, I will update my post.

Jesper Møller Over a year ago

$(function () { //trigger calculate numbers and sum event $(".mad",".mad2").each(function() { $(this).keyup(function() { calculateSum(); }); });

Näbil Y Over a year ago

Check it now and try that. That code you sent above is wrong also. It shouldn't be 2 strings... Just ".mad, .mad2" not ".mad", ".mad2"

Kiran · Accepted Answer · 2014-04-01 18:06:29Z

1

You should go through multiple selector. Try this:

$(".mad,.mad2").each(function() {
      $(this).keyup(function() {
      calculateSum();
      });
});

answered Apr 1, 2014 at 18:06

Kiran

20.3k11 gold badges72 silver badges101 bronze badges

Collectives™ on Stack Overflow

trigger function on multiple events/input fields and calculate them?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related