Question

这个公式[(min*30)+sec]/500 其中min是文本框值1，sec是文本框值2

Minutes<input type="text" value="" name="min">
Seconds<input type="text" value="" name="sec"><br>
 Output<input type="text" value="" name="output"><br>
  <input type="Button" value="Calculate" name="Calculate"><br>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="Javascript">
$(function(){
        $(".calculate").on("click", function(){
            var min = $(".min").val();
            var sec= $(".sec").val();
        var output =parseInt(parseInt(min)*parseInt(sec) / 500);
    });    
});
</script>

Answer 1

你尝试过什么吗？你有任何错误吗？也许你可以显示一些javascript代码。无论如何，如果你不使用jquery尝试这样的事情：

Minutes<input type="text" id="min" value="" name="min">
Seconds<input type="text" id="sec" value="" name="sec"><br>
Output<input type="text" id="output" value="" name="output"><br>
<input type="Button" value="" onclick="calculate()" name="Calculate"><br>

JS：

function calculate() {
  var min = parseInt(document.querySelector('#min').value);
  var sec = parseInt(document.querySelector('#sec').value);
  document.querySelector('#output').value = [(min*30)+sec]/500;
}

Answer 2

使用jQuery很容易解决。

Minutes<input type="text" value="" name="min" class="min">
Seconds<input type="text" value="" name="sec" class="sec"><br>
Output<input type="text" value="" name="output" class="output"><br>
<input type="Button" value="" name="Calculate" class="calculate"><br>

试试这个，这可能会对你有所帮助。

 $(function() {
   $(".calculate").on("click", function() {
     var min = $(".min").val();
     var sec = $(".sec").val();
     var output = parseFloat(((min*30) + sec) / 500);
     $(".output").val(output);
   });
 });

请告诉我。

在3rd - Javascript中显示2个文本框的公式值

2 个答案: