I have a Side by Side question as shown below. Do y’all know how I make it so that ‘Cannot rate’ (column 9) is the only selection that can be made if ‘Not started’ (column 1) is selected?
I tried to mirror in some way the JavaScript shown in the answer in the post below, but I cannot figure out how to get it to work.
Best answer by Nam Nguyen
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("tr.Choice").each(function() {
var row = jQuery(this);
var currentStateRadios = row.find("input[name*='1']:radio");
var notStartedRadio = row.find("input[name*='1']:radio[value='1']");
var easeOfTransitionOptions = row.find("input[name*='2']:radio").not("[value='6']");
var cannotRateRadio = row.find("input[name*='2']:radio[value='6']");
easeOfTransitionOptions.closest("td").css({
"opacity": "1",
"pointer-events": "auto"
});
currentStateRadios.change(function() {
if (notStartedRadio.is(":checked")) {
easeOfTransitionOptions.prop("disabled", true);
easeOfTransitionOptions.closest("td").css({
"opacity": "0.1",
"pointer-events": "none"
});
cannotRateRadio.prop("disabled", false);
cannotRateRadio.closest("td").css({
"opacity": "1",
"pointer-events": "auto"
});
} else {
easeOfTransitionOptions.prop("disabled", false);
easeOfTransitionOptions.closest("td").css({
"opacity": "1",
"pointer-events": "auto"
});
cannotRateRadio.prop("disabled", true);
cannotRateRadio.closest("td").css({
"opacity": "0.1",
"pointer-events": "none"
});
}
});
});
});
+29Qualtrics.SurveyEngine.addOnload(function() {
jQuery("tr.Choice").each(function() {
var row = jQuery(this);
var notStartedRadio = row.find("input[name*='1']:radio[value='1']");
var cannotRateRadio = row.find("input[name*='2']:radio[value='6']");
cannotRateRadio.closest("td").hide();
notStartedRadio.change(function() {
if (this.checked) {
cannotRateRadio.closest("td").show();
} else {
cannotRateRadio.closest("td").hide();
cannotRateRadio.prop("checked", false);
}
});
});
});Let me know if it worked
+29
Here’s my side
A-ha! You are exactly right,
So we are closer but not exactly right. As shown in the image below, the ‘Cannot rate’ column radio buttons are not there by default and do show up if ‘Not started’ is selected. However, I need it so all radio buttons are there by default...and if ‘Not started’ is selected, then ‘Extremely rough,’ ‘Somewhat rough’ ‘Neither rough nor easy,’ Somewhat easy’ and ‘Extremely easy’ radio buttons disappear. Do you know how to make that work?
+29
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("tr.Choice").each(function() {
var row = jQuery(this);
var currentStateRadios = row.find("input[name*='1']:radio");
var notStartedRadio = row.find("input[name*='1']:radio[value='1']");
var easeOfTransitionOptions = row.find("input[name*='2']:radio").not("[value='6']");
var cannotRateRadio = row.find("input[name*='2']:radio[value='6']");
easeOfTransitionOptions.closest("td").css({
"opacity": "1",
"pointer-events": "auto"
});
currentStateRadios.change(function() {
if (notStartedRadio.is(":checked")) {
easeOfTransitionOptions.prop("disabled", true);
easeOfTransitionOptions.closest("td").css({
"opacity": "0.1",
"pointer-events": "none"
});
cannotRateRadio.prop("disabled", false);
cannotRateRadio.closest("td").css({
"opacity": "1",
"pointer-events": "auto"
});
} else {
easeOfTransitionOptions.prop("disabled", false);
easeOfTransitionOptions.closest("td").css({
"opacity": "1",
"pointer-events": "auto"
});
cannotRateRadio.prop("disabled", true);
cannotRateRadio.closest("td").css({
"opacity": "0.1",
"pointer-events": "none"
});
}
});
});
});
That worked PERFECTLY,
Nam Nguyen for President! Ha ha!
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.