1

看起来像这样的物体正在向我走来：

var data = {
 a0: {
  name: 'long name 0',
  var1_min: '10',
  var1_max: '99',
  select: ['alpha', 'gamma'],
  display: 'value0'
 },
 b12: {
  name: 'long name 1',
  var1_min: '1',
  var1_max: '999',
  select: ['beta'],
  display: 'value1'
 },
 d7: {
  name: 'long name 2',
  var1_min: '1000',
  var1_max: '0',
  select: ['alpha', 'beta', 'gamma'],
  display: 'value2'
 }
}

我想比较一些变量var1_min, var1_max, select并保存name, display如果一个变量介于var1_min, var1_max和第二个变量之间select。

我做了这个用于测试：

<div style="text-align:center;" id="df">
 <div class="main">
  <form id="form" action="#">
   <fieldset>
    <label for="field1">field1
     <input type="text" name="field1" id="field1" />
    </label>
    <label for="field2">field2
     <select name="field2" id="field2">
      <option value="alpha">alpha</option>
      <option value="beta">beta</option>
      <option value="gamma">gamma</option>
     </select>
    </label>
   </fieldset>
   <br />
   <button type="submit">submit</button>
  </form>
  <span id="span"></span>
 </div>
</div>

$('#form').submit(function () {
 $('#span').empty();
 var field1 = $('#field1').val();
 var field2 = $('#field2').val();
 for (var x in data) {
  if (data.hasOwnProperty(x)) {
   $('#span').append(x + '<br />');
   for (var y in data[x]) {
    if (data[x].hasOwnProperty(y)) {
     $('#span').append(y + " => " + data[x][y] + '<br />');
    }
   }
  }
  if (field1 >= data[x].var1_min) {
   $('#span').append('true' + '<br />');
  }
 }
 return false;
});

if (field1 >= data[x].var1_min)始终返回 true，即使 in 的值field1更小。

http://jsfiddle.net/6UyPA/3/

请把你的眼球借给我。

4

1 回答 1

1

该对象包含一个字符串 for var1_min，并且也val()返回一个字符串。要按预期比较它们，请将它们解析为浮点数（或整数）：

if (parseFloat(field1) >= parseFloat(data[x].var1_min));

查看更新的 jsFiddle

于 2013-04-11T12:47:37.137 回答