Side by Side Exclusive Answer | XM Community
Skip to main content
Solved

Side by Side Exclusive Answer

  • October 11, 2024
  • 2 replies
  • 72 views
MikeW
Level 5 ●●●●●
Forum|alt.badge.img+14
  • MikeW
  • Level 5 ●●●●●

I have a side by side table with a multichoice column. I’d like to make code 3 exclusive.

I’ve got the below which unchecks codes 1 and 2, if code 3 has been selected, but in order to select codes 1 or 2 again, I need to unselect code 3 first.

Also, below I’m relying on the other codes being less than code 3 i.e. codes 1 and 2 in this case - so if my exclusive code isn’t the last code, then I assume I’d need to do a gt line too.

Is there a less clunky way of doing this?

n.b. I have other sets of multichoice columns, so just want the below to target SBS2

Qualtrics.SurveyEngine.addOnReady(function() 
{

jQuery('#'+this.questionId+' tbody tr.Choice').click(function(){
if(jQuery(this).find('td.SBS2:eq(2)').find('input[type="checkbox"]').is(':checked'))
{
jQuery(this).find('td.SBS2:lt(2)').find('input[type="checkbox"]').prop('checked',false)
}
});

 

Best answer by vgayraud

Hi,

Try this :

Qualtrics.SurveyEngine.addOnReady(function() 
{

function exclusiveCheckboxes() {
    let rows = document.querySelectorAll('tr.Choice');

    rows.forEach(row => {
        let checkboxes = row.querySelectorAll('td.SBS2 input[type="checkbox"]');

        checkboxes.forEach((checkbox, index) => {
            checkbox.addEventListener('change', function() {
                if (index === 2 && checkbox.checked) {
                    checkboxes.forEach((cb, i) => {
                        if (i !== 2) {
                            cb.checked = false;
                        }
                    });
                } else if (index !== 2 && checkbox.checked) {
                    checkboxes[2].checked = false;
                }
            });
        });
    });
}

exclusiveCheckboxes();

});

 

2 replies

vgayraud
QPN Level 6 ●●●●●●
Forum|alt.badge.img+58
  • vgayraud
  • QPN Level 6 ●●●●●●
  • Answer
  • October 11, 2024

Hi,

Try this :

Qualtrics.SurveyEngine.addOnReady(function() 
{

function exclusiveCheckboxes() {
    let rows = document.querySelectorAll('tr.Choice');

    rows.forEach(row => {
        let checkboxes = row.querySelectorAll('td.SBS2 input[type="checkbox"]');

        checkboxes.forEach((checkbox, index) => {
            checkbox.addEventListener('change', function() {
                if (index === 2 && checkbox.checked) {
                    checkboxes.forEach((cb, i) => {
                        if (i !== 2) {
                            cb.checked = false;
                        }
                    });
                } else if (index !== 2 && checkbox.checked) {
                    checkboxes[2].checked = false;
                }
            });
        });
    });
}

exclusiveCheckboxes();

});

 

Vincent Gayraud
MikeW
Level 5 ●●●●●
Forum|alt.badge.img+14
  • MikeW
  • Author
  • Level 5 ●●●●●
  • October 11, 2024

Hi,

Try this :

Qualtrics.SurveyEngine.addOnReady(function() 
{

function exclusiveCheckboxes() {
    let rows = document.querySelectorAll('tr.Choice');

    rows.forEach(row => {
        let checkboxes = row.querySelectorAll('td.SBS2 input[type="checkbox"]');

        checkboxes.forEach((checkbox, index) => {
            checkbox.addEventListener('change', function() {
                if (index === 2 && checkbox.checked) {
                    checkboxes.forEach((cb, i) => {
                        if (i !== 2) {
                            cb.checked = false;
                        }
                    });
                } else if (index !== 2 && checkbox.checked) {
                    checkboxes[2].checked = false;
                }
            });
        });
    });
}

exclusiveCheckboxes();

});

 

Perfect - thank you

vgayraud
Terms & ConditionsAccessibility statement