根據變量值隱藏表格的行

如果我有變量「A」= 0，我想隱藏行（最好摺疊行）。該按鈕將在1處變爲「A」並且該行將出現。

<body> 

<tr id=rowA> 
<td>Stat:</td> 
<td><span id="Value">0</span></td> 
<td><button type="button" id = add onclick="add(1)">+</button> 
<button type="button" disabled id = minus onclick="add(-1)">-</button></td> 
<td></td> 
<td></td> 
</tr> 
//this button will add 1 to A which is shown 
<button type="button" id = minus onclick="add(1)">-</button></td> 

</body> 

<script> 

var A = 0; 
    var add = function(valuetoadd){ 
     A += valuetoadd; 


</script>

忽略在該行的每個單元中的值，但我想如果A == 0來隱藏行，並且如果它是> = 1的行會顯示。

來源

2013-07-16 Ross

Humm，你能不能更清楚一點。這個變量A何時變爲零？你不想監視它？如果你想在發生「某些事情」時隱藏這行，我可以告訴你它的jQuery。可能你想爲add方法定義一些骨架。 – bitoiu

目前尚不清楚你想要什麼。 A用於什麼？ A值如何設置？ – bestprogrammerintheworld

默認情況下該行將被隱藏。當我用戶點擊一個不同的按鈕時，它會將1加1，然後再顯示該行。 – Ross

使用純JavaScript將是：

if (A==0) 
{ 
    document.getElementById("rowA").style.display="none"; 
} 
else 
{ 
    document.getElementById("rowA").style.display=""; 
}

使用jQuery：

if (A==0) 
{ 
    $("#rowA").hide(); 
} 
else 
{ 
    $("#rowA").show(); 
}

與jQuery你也可以使用淡入（）和淡出（）的平滑過渡功能。

來源

2013-07-16 16:14:47

根據變量值隱藏表格的行

回答

相關問題