Qualtrics Table條件格式

在我的Qualtrics調查中，一個問題（描述性文本）是一個填充了兩個不同國家隨機選擇的嵌入數據（下面的v2elsuffrage_ord變量）的兩列表格。這兩個變量都是數字0-4。我想要做的是有條件地格式化這些單元格，因此無論哪個分數更大（score1或score2），該單元格都是綠色的。Qualtrics Table條件格式

這裏是我的表的例子：

<table class="UserTable"> 
    <colgroup> 
     <col id="score1" /> 
     <col id="score2" /> 
    </colgroup> 
    <tbody> 
     <tr> 
      <th>Country A</th> 
      <th>Country B</th> 
     </tr> 
     <tr> 
      <td>${e://Field/v2elsuffrage_ord}</td> 
      <td>${e://Field/v2elsuffrage2_ord}</td> 
     </tr> 
    </tbody> 
</table>

這是東西，甚至有可能在Qualtrics？我在HTML中找到了一個正常條件格式化的例子，並試圖修改它爲Qualtrics，但它不起作用。這是我做的是我的javascript：

Qualtrics.SurveyEngine.addOnload(function() 
{ 

    var score1 = $(this).text(); 
    var score2 = $(this).text(); 

    if (score1 > score2) { 
     $(this).addClass('more1'); 
    } 
    else if (score1 < score2) { 
     $(this).addClass('more2'); 
    } 
    else if (score1 = score2) { 
     $(this).addClass('same'); 
    } 
});

那麼對於CSS，我加入這個代碼下看&感覺（顏色只是隨機選擇的，現在看它是否將工作）的高級部分：

.more1 { 
    background-color: #0f0; 
} 

.more2 { 
    background-color: #0c0; 
} 

.same { 
    background-color: #060; 
}

我知道我確實做錯了，但我從來沒有真正在HTML/CSS工作（就像我說的，我甚至不知道這是否可能）。任何想法或指導都會很棒，即使它只是一種解決方法。

來源

2017-08-15 peo965

有在你的JavaScript一堆錯誤：

$（這）是錯的
文本（）是一個jQuery的功能，而不是一個prototypejs或本地JavaScript函數
score1 = score2是無效的比較
addClass不是有效的功能

而且，樣式分配邏輯和CSS不米阿剋意義。你只需要一種風格。既然如此，將元素添加到樣式中會更簡單。不需要單獨的CSS。

嘗試這個JavaScript，而不是...

Qualtrics.SurveyEngine.addOnload(function() 
{ 

var score1 = parseInt("${e://Field/v2elsuffrage_ord}"); 
var score2 = parseInt("${e://Field/v2elsuffrage2_ord}"); 

if (score1 > score2) { 
    $('score1').style.backgroundColor = "#0f0"; 
} 
else if (score1 < score2) { 
    $('score2').style.backgroundColor = "#0f0"; 
} 
});

來源

2017-08-15 16:01:27

感謝您的幫助。不幸的是，我輸入了您推薦的JavaScript（並刪除了我的舊JS/CSS），但是當我參與調查時，沒有條件格式（score1爲50，score2爲100，但score2不是綠色）。 – peo965

如果我精確地複製html和我的JavaScript，並在塊之前的調查流中分配v2elsuffrage_ord和v2elsuffrage2_ord，那麼適合我。你一定是弄錯了。 –

謝謝，T.吉本斯，我想通了，現在它工作。我的最後一個問題是，如果我只是想突出顯示特定的單元格而不是整列（如果我有多行），那麼我將如何適應？ – peo965

Qualtrics Table條件格式

回答

相關問題