根据变量值隐藏表中的行

Hide row of table depending on variable value

本文关键字：隐藏 变量值      更新时间：2023-09-26

我对此很陌生，请耐心等待。

如果变量"A"=0，我想隐藏该行（最好是折叠该行）。按钮将位于变量"A"的1处，并显示该行。

<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，则该行将显示。

使用纯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（）函数进行平滑转换。

相关文章：