Setting default choices using Javascript | Experience Community
Skip to main content
Solved

Setting default choices using Javascript

  • July 21, 2020
  • 3 replies
  • 350 views
J

Hello, I want to pre-select (i.e., selected by default) a checkbox that's part of a side-by-side question based on an embedded data field. So, given a value in the embedded data field a checkbox option will appear checked by default. I've been able to hide an element of the checkbox using the code below, but I don't know how to modify it to set a checkbox as checked by default. I've seen what look like complex solutions on the internet, but I have very limited knowledge of Javascript. I wonder if the code below can be adapted?
Qualtrics.SurveyEngine.addOnReady(function()
{
if("${e://Field/Skill6Included}" > 0) {
$('QR~QID9#2~6~1').up('td').childElements().invoke('hide');
}
Above, "${e://Field/Skill6Included" is the embedded data field, and "QR~QID9#2~6~1" is the option box I want to select using the embedded data field (second column below, sixth row).
Untitled.png

Best answer by SurajK

Hi jrolison ,
Looking at your screenshot, you want to set a checkbox based on embedded data variable, you can use the below code for all 7 skill set, you can adjust your code as per your requirement, just change the eq() value,
Qualtrics.SurveyEngine.addOnReady(function()
{
//Skill 1
if("${e://Field/Skill1Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(0).prop('checked',true)
}


//Skill 2
if("${e://Field/Skill2Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(1).prop('checked',true)
}


//Skill 3
if("${e://Field/Skill3Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(2).prop('checked',true)
}


//Skill 4
if("${e://Field/Skill4Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(3).prop('checked',true)
}


//Skill 5
if("${e://Field/Skill5Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(4).prop('checked',true)
}


//Skill 6
if("${e://Field/Skill6Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(5).prop('checked',true)
}


//Skill 7
if("${e://Field/Skill7Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(6).prop('checked',true)
}


}

3 replies

SurajK
QPN Level 3 ●●●
Forum|alt.badge.img+4
  • SurajK
  • QPN Level 3 ●●●
  • Answer
  • July 21, 2020

Hi jrolison ,
Looking at your screenshot, you want to set a checkbox based on embedded data variable, you can use the below code for all 7 skill set, you can adjust your code as per your requirement, just change the eq() value,
Qualtrics.SurveyEngine.addOnReady(function()
{
//Skill 1
if("${e://Field/Skill1Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(0).prop('checked',true)
}


//Skill 2
if("${e://Field/Skill2Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(1).prop('checked',true)
}


//Skill 3
if("${e://Field/Skill3Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(2).prop('checked',true)
}


//Skill 4
if("${e://Field/Skill4Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(3).prop('checked',true)
}


//Skill 5
if("${e://Field/Skill5Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(4).prop('checked',true)
}


//Skill 6
if("${e://Field/Skill6Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(5).prop('checked',true)
}


//Skill 7
if("${e://Field/Skill7Included}" > 0) {
jQuery('#'+this.questionId).find('tbody tr').find('.SBS2').find('input[type="checkbox"]').eq(6).prop('checked',true)
}


}

    J
    • jrolison
    • Author
    • July 23, 2020

    Thanks! That works great!

    K
    Level 1 ●
    Forum|alt.badge.img+2
    • kjfolfers
    • Level 1 ●
    • July 13, 2021

    Dear SurajK,
    I'm trying to implement the code you provided to check boxes in a side-by-side question with just one column, but I can't get it to work. Could it be that some of the names/types (like .SBS2 ) changed?
    Kind regards,
    Kerwin

    Terms & ConditionsAccessibility statement