Check if array generated by checkbox values matches predetermined array set using jQuery

Question

I have a set of multiple-choice questions that a user will answer via radio buttons. Depending on their choices, they will be presented with information relevant to said choices.

I'm using the map function to watch the form and capture the answers in an array:

$('input[type="radio"]').on('change', function() {
  var results = $('input[type="radio"]:checked').map(function() {
    return this.value;
  }).get();
});

This is working well but I am having trouble working out how to, once the answers have been input, to check if they match a predetermined array. Below is what I've tried with no success:

$('.subscription-builder input[type="radio"]').on('change', function() {
  var results = $('input[type="radio"]:checked').map(function() {
    return this.value;
  }).get();

  var arrayTestOne = ["Cheese", "Carrot", "Lettuce", "Apple"];
  var arrayTestTwo = ["Banana", "Avocado", "Lettuce", "Pear"];

  if (results == arrayTestOne) {
    console.log('WOOOO!');
  } else if (results == arrayTestTwo) {
    console.log('Hooray!');
  }

});

Any ideas?

Are you checking if elements are the same and in order?

Eddie
– Eddie

2018-04-03 08:29:45 +00:00
Commented Apr 3, 2018 at 8:29 — Eddie
– Eddie, Commented Apr 3, 2018 at 8:29
@Eddie Yes on both accounts.

user366006
– user366006

2018-04-03 08:35:26 +00:00
Commented Apr 3, 2018 at 8:35 — user366006
– user366006, Commented Apr 3, 2018 at 8:35

Eddie · Accepted Answer · 2018-04-03 08:36:22Z

0

If you want to check if array is equal and on the same order, one option is you can .join(",") the array.

var results = ["Cheese", "Carrot", "Lettuce", "Apple"]; //TEMP CODE. 

var arrayTestOne = ["Cheese", "Carrot", "Lettuce", "Apple"];
var arrayTestTwo = ["Banana", "Avocado", "Lettuce", "Pear"];

if (results.join(",") == arrayTestOne.join(",")) {
  console.log('WOOOO!');
} else if (results.join(",") == arrayTestTwo.join(",")) {
  console.log('Hooray!');
}

If You want to check even not in order, you can use every

var results = ["Cheese", "Apple", "Carrot", "Lettuce"]; //TEMP CODE. 

var arrayTestOne = ["Cheese", "Carrot", "Lettuce", "Apple"];
var arrayTestTwo = ["Banana", "Avocado", "Lettuce", "Pear"];

if (results.every(o => arrayTestOne.includes(o))) {
  console.log('WOOOO!');
} else if (results.every(o => arrayTestTwo.includes(o))) {
  console.log('Hooray!');
}

answered Apr 3, 2018 at 8:36

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

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

2 Comments

user366006 Over a year ago

Perfect. Thanks so much for your help, @Eddie

Eddie Over a year ago

Happy to help :)

Collectives™ on Stack Overflow

Check if array generated by checkbox values matches predetermined array set using jQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related