Question

我有一个网页，其中包含输入值的表单。当点击提交按钮时，我的javascript总计在底部输入的值（onclick =“runTotal（this.form）），但是现在我需要它不仅要对表格进行总计，而且还要根据值来取消隐藏特定的div总数。

基本上我需要字段“total”等于以下任何取消隐藏div

0-85取消隐藏div id红色 125-86取消隐藏div id黄色 126或更多取消隐藏div绿色

感谢您提供的任何帮助。

Answer 1

你可以使用

隐藏你的div

<div id="your-div" hidden></div>

我建议你使用jquery隐藏和取消隐藏该div。这很简单：

$("#your-div").show();

您可以将该行放在runTotal方法中。

Answer 2

使用jQuery实现简单，强大的方法：

$(document).ready(function() {
    $('#totalBox').change(function () {
        var total = $(this).val();
        if(total <= 85) { $("#red").toggle(); }
        else if(total > 85 && <= 125) { $("#yellow").toggle(); }
        else if(total > 125) { $("#green").toggle(); }
    }
});

<强>其中

#totalBox = your "total" input textbox's ID

Answer 3

确保要显示的DIV最初设置为显示：“none”;

var oldRunTotal = runTotal; 
runTotal = function(form){
  var id = "green",
      total = oldRunTotal(form);
  if (total < 0) return;
  else if (total < 86) id = "red";
  else if (total < 126) id = "yellow";
  document.getElementById(id).style.display = "block";
};

Javascript根据计算值取消隐藏div

3 个答案: