Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Track multi choice

Avatar

Community Advisor

 

Hello everyone,

 

How can I track multi-choice and have an evar like this Contemporary Arts|Visual Arts.

Thanks

 

1982luca_0-1607783981908.png

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@Luca_Lattarini -

I'd probably create a data element in Launch that's based on custom JS (see below). You'd then just reference the data element in the rule that executes when the form is submitted (or whenever you want to collect the info) to populate your eVar (listVar, listProp...).

var retval = [];
var elements = document.querySelectorAll("input[name='interests']");

if (elements.length > 0) {
  elements.forEach(function (item) {
    if ((item).checked === true) {
      var chosenOne = item.parentElement.querySelector("span").innerText;
      if (chosenOne) {
        retval.push(chosenOne);
      }
    }
  });
}

return retval.join("|");

Assuming the HTML structure matches what's in your post, the above logic checks each checkbox to see if it is checked. If checked, it looks for the related <span> tag to get the name (eg// "Contemporary Arts"). This should work whether there's one option or 100. 

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

@Luca_Lattarini -

I'd probably create a data element in Launch that's based on custom JS (see below). You'd then just reference the data element in the rule that executes when the form is submitted (or whenever you want to collect the info) to populate your eVar (listVar, listProp...).

var retval = [];
var elements = document.querySelectorAll("input[name='interests']");

if (elements.length > 0) {
  elements.forEach(function (item) {
    if ((item).checked === true) {
      var chosenOne = item.parentElement.querySelector("span").innerText;
      if (chosenOne) {
        retval.push(chosenOne);
      }
    }
  });
}

return retval.join("|");

Assuming the HTML structure matches what's in your post, the above logic checks each checkbox to see if it is checked. If checked, it looks for the related <span> tag to get the name (eg// "Contemporary Arts"). This should work whether there's one option or 100.