1

我有一个网页，其中包含输入值的表单。我的javascript汇总了单击提交按钮时在底部输入的值（onclick =“runTotal（this.form）），但现在我不仅需要汇总表单，还需要根据值取消隐藏特定的div总数。

基本上我需要如果字段“总计”等于以下任何一个取消隐藏 div

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

感谢您的任何帮助，您可以提供。

4

3 回答 3

0

确保要显示的 DIV 最初设置为 display:"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";
};
于 2013-03-28T20:42:28.973 回答
0

你可以让你的 div 原来隐藏使用

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

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

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

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

于 2013-03-28T20:34:17.840 回答
0

使用 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
于 2013-03-28T20:35:43.423 回答