会自动将公分换算成小数的立方计算器


这个立方计算器是写给我叔用的,他有时需要用来计算土石方,他不习惯厘米,也不喜欢小数转换。因此这里没有厘米,也不需要人为换算小数,直接测量出长度宽度和高度是多少米多少公分,直接填入即可计算。
<meta charset="utf-8" />
<!--<title>计算长方体体积</title>
--><meta name="viewport" content="width=device-width,initial-scale=1">
<script src="http://blog.1500km.com/sites/ui-blog/other/jquery.min.js"></script>
<style>
input{ border:solid 1px #ccc;}
hr{ border-bottom:dashed 1px #ccc; border-top:solid 0px #ccc;}
.btn{ background-color:#339933; color:#FFFFFF; padding:3px;}
</style>


<form action="">
<img src="http://blog.1500km.com/sites/download/images/1500km.png" style="vertical-align:middle;" />
计算长方体体积:
</form><hr />

长度:<input type="text" id="long" size="5" />米<input type="text" id="cmlong" size="5" />公分<hr />


宽度:<input type="text" id="width" size="5" />米<input type="text" id="cmwidth" size="5" />公分<hr />

高度:<input type="text" id="height" size="5" />米<input type="text" id="cmheight" size="5" />公分<hr />

<span id="exp"></span>
<span id="result"></span>

<input type="submit" value="计算" id="btn" class="btn" />
<hr />
<input type="submit" value="自动填入随机数" id="btn_rand" class="btn" />

<hr />
<script>
function red(str){
  return '<font color=red>'+str+'</font>';
}
function rand_num(){
  return Math.ceil(Math.random()*10);
}
$(document).ready(function(){
  $('#btn').click(function(){
  
  var long=$('#long').val();
  var width=$('#width').val();
  var height=$('#height').val();
  
  var cmlong=$('#cmlong').val();
  var cmwidth=$('#cmwidth').val();
  var cmheight=$('#cmheight').val();
  
  var tell = '';
  if(''==long){
    tell = red('请输入长度');
    $('#result').html(tell);
  }
  else if(''==width){
    tell = red('请输入宽度');
    $('#result').html(tell);
  }
  else if(''==height){
    tell = red('请输入高度');
    $('#result').html(tell);
  }
  else{
    cmlong=parseInt($('#cmlong').val())/100;
    cmwidth=parseInt($('#cmwidth').val())/100;
    cmheight=parseInt($('#cmheight').val())/100;
  
    long=parseInt($('#long').val());
    width=parseInt($('#width').val());
    height=parseInt($('#height').val());
    long=long+cmlong;
    width=width+cmwidth;
    height=height+cmheight;
  
    tell = long * width * height;
    tell = '计算结果是<font color=green>' + tell.toFixed(2) + '立方米</font>(四舍五入,仅保留两位小数)';
    $('#result').html(tell);
    var temp = long+'*'+width+'*'+height;
    var show_exp='得到的表达式:'+temp;
    show_exp += '<hr><a target="_blank" href="https://www.baidu.com/s?ie=UTF-8&wd='+temp+'">点击这里验证计算结果</a><hr>';
    $('#exp').html(show_exp);
  }
  });
  
  $('#btn_rand').click(function(){
  $('#long').val(rand_num());
  $('#width').val(rand_num());
  $('#height').val(rand_num());
  $('#cmlong').val(rand_num());
  $('#cmwidth').val(rand_num());
  $('#cmheight').val(rand_num());
  });
});
</script>
<br>
<br>
<a target="_blank" href="http://www.1500km.com">返回1500km</a>

有时候懒得填写,只是想看看,点击“自动填入随机数”即可让程序自动填写随机数,点击这里亲自运行看看

填写你测量出的长度、宽高、高度是多少米多少公分,然后点击计算按钮即可得出结果,点击这里亲自运行看看