javascript - 获取 javascript 变量的总和并将其插入 jquery 脚本中

Question

我正在 SSI Sawtooth 软件中进行一项调查，因此其中一些语法即

[% GetValue(tram1) %];

来自 SSI Sawtooth。

我想做的是，如果调查接受者仅对前十五个问题中的一个回答"is"，则显示问题 Q1，不多也不少，否则我希望将其隐藏并跳到下一个问题。为此，我尝试创建一个数组并对十五个(二进制 1 = 是 0 = 否)问题的值求和。

但是即使我选择了前 15 个问题之一，Q1 也没有显示出来，在这段代码中它根本没有显示出来。我认为我的主要问题可能是将 sum 变量正确插入到 jquery 代码中，我已将此显示/隐藏 jquery 代码与其他变量一起使用，并且它有效。

<style>
#[% QuestionName() %]_div {display:none}
</style> 

<script>
</script> 

<script> type="text/javascript"> 

var T1 = [% GetValue(tram1) %];
var T2 = [%GetValue(tram2) %];
var T3 = [%GetValue(tram3) %];
var T4 = [%GetValue(tram4) %];
var T5 = [%GetValue(tram5) %];
var T6 = [%GetValue(tram6) %];
var T7 = [%GetValue(tram7) %];
var T8 = [%GetValue(tram8) %];
var T9 = [%GetValue(tram9) %];
var T10 = [%GetValue(tram10) %];
var T11 = [%GetValue(tram11) %];
var T12 = [%GetValue(tram12) %];
var T13 = [%GetValue(tram13) %];
var T14 = [%GetValue(tram14) %];
var T15 = [%GetValue(tram15) %];
var sum = T1 + T2 + T3 + T4 + T5 + T6 + T7 + T8 + T9 + T10 + T11 + T12 + T13 
+ T14 + T15;

$(sum);

setInterval(function () {
 if(document.mainform["sum"] == 1 ) {
    $("#[% QuestionName() %]_div").css('display', 'block');
}                
else {
    $("#[% QuestionName() %]_div").css('display', 'none')
}}, 100);

任何帮助将不胜感激，提前致谢!

Answer 1

请注意，您的脚本标记 type="text/javascript"> 中有一个额外的“>”，这会导致问题。

我已经整理了一个片段，看起来就像 SSI Sawtooth 数据在 HTML 页面中呈现的内容。我不确定您是否需要 setInterval 或 $(sum) 选择器。基本上，您可以使用这个示例，您只需使用 Sawtooth 变量代码切换零/一，并使 divs 动态变量 id (就像您在示例中已经有的那样)。

我假设 [% GetValue(tram1) %] = 0 或 1，而不是 [0] 或 [1]。如果是这种情况，并且数字两边有括号，请告诉我，我将修改该代码片段。

如果这有帮助，请告诉我!

var T1 = 0;
var T2 = 0;
var T3 = 0;
var T4 = 0;
var T5 = 0;
var T6 = 0;
var T7 = 0;
var T8 = 0;
var T9 = 0;
var T10 = 0;
var T11 = 0;
var T12 = 0;
var T13 = 0;
var T14 = 0;
var T15 = 1;
var sum = T1 + T2 + T3 + T4 + T5 + T6 + T7 + T8 + T9 + T10 + T11 + T12 + T13 +
  T14 + T15;

console.log(sum);

if (sum == 1) {
  $("#questionName_div").css('display', 'block');
} else {
  $("#questionName_div").css('display', 'none')
}

#questionName_div {
  display: none
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="questionName_div">
  Div Here
</div>