我正在使用以下一小段 Javascript 对两个变量进行基本计算,然后使用 innerHTML 显示该值。我的 javascript 知识有限,因此我需要帮助将其组合在一起。
<script>
var f = "<?php echo $row_rsFormData['total_flats']; ?>";
var c = "<?php echo $row_rsCount['count']; ?>";
var r = Math.round(f / 2) - c
document.getElementById("remaining").innerHTML = r;
</script>
我想根据“var r”的值显示不同的元素
如果变量 r = 0
我想显示这个:
<p class="qualify">You have a sufficient amount of leaseholders to qualify for Right to Manage</p>
如果变量 r > 0
我想显示这个:
<p class="count">You need <span id="remaining"></span> more consenting leaseholders to qualify</p>
我意识到这对大多数人来说很简单......所以请友善。
提前致谢
最佳答案
我不敢相信这个问题还没有得到答复。 由于问题的标签都是客户端,所以我有一个客户端解决方案:
<script>
var f = "<?php echo $row_rsFormData['total_flats']; ?>";
var c = "<?php echo $row_rsCount['count']; ?>";
var r = Math.round(f / 2) - c
document.getElementById("remaining").innerHTML = r;
if(r = 0)
{
$('#quality').show();
}
if(r > 0)
{
$('#count').show();
}
</script>
向两个标签添加 id 属性:
<p id="qualify" class="qualify">You have a sufficient amount of leaseholders to qualify for Right to Manage</p>
<p id="count" class="count">You need <span id="remaining"></span> more consenting leaseholders to qualify</p>
最初将它们隐藏在 CSS 中:
#quality, #count
{
display:none;
}
我希望这会有所帮助。
关于javascript - 根据 innerHTML 显示/隐藏 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47475467/