Question

我要求有一个小表单，上面有一些文本框，最后一个按钮具有指定的宽高比（在隐藏文本框中），用户可以在宽度框中键入一个值，例如当用户更改值时，高度文本框也会更改。另外，当您在高度框中键入时，宽度也会更改。我不希望有人为我这样做，但我需要一些帮助设置jquery函数，以便在我更改partiqular文本框中的文本时运行。

任何帮助，指导都会很棒......非常感谢

克里斯

Answer 1

这就是现在我们必须要做的事情......几乎就在那里......但是有没有一种简单的方法来绕数字？

<!DOCTYPE html>
<html>
<head>
  <script src="scripts/jquery-1.3.2.min.js"></script>
</head>
<body>

<input type='text' id='aspectratio' />
<input type='text' id='width' />
X
<input type='text' id='height' />
  <div></div>
<script>
$('#width').keyup(function(){
  var aspectratio = $('#aspectratio').val();
  var width = $(this).val();
  var height = aspectratio * width;
  $('#height').val(height);
});

$('#height').keyup(function(){
  var aspectratio = $('#aspectratio').val();
  var height = $(this).val();
  var width = aspectratio / height;
  $('#width').val(width);
});

</script>
</body>
</html>

Answer 2

欢迎使用stackoverflow。

您可以这样做：

$('#widthBoxId').focusout(function(){
  var height = $(this).val() //math calculations based on $('#hiddenRatioId')
  $('#heightBoxId').val(height);
});

然后您可以使用高度框执行相反操作。

基于宽高比的Jquery宽度/高度计算器？

2 个答案: