根据变量值隐藏表行

时间:2013-07-16 15:56:35

标签: javascript html html-table

我对此非常陌生,所以请耐心等待。

如果我有变量“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,我想隐藏该行,如果它是&gt; = 1,则行将显示。

1 个答案:

答案 0 :(得分:0)

使用纯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,您还可以使用fadeIn()和fadeOut()函数进行平滑过渡。