Side by Side Exclusive Answer

Question

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 SBS2Qualtrics.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)}});

vgayraud · Accepted Answer

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();});

MikeW · Answer

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

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded