javascript_javascript 기술로 구현된 평방 미터, 뮤, 헥타르 단위 변환 애플릿
- WBOY원래의
- 2016-05-16 16:40:043587검색
Javascript는 제곱미터, 뮤, 헥타르 단위 변환을 구현합니다. URL을 통해 매개변수를 전달하여 입력 상자의 값을 모든 매체 단위의 값으로 지정할 수 있습니다.
소스코드는 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript实现的平方米、亩、公顷单位换算小程序</title>
</head>
<body>
<select onchange="selectChange(this)" id="sel">
<option value="公顷">公顷</option>
<option value="亩">亩</option>
<option value="平方米">平方米</option>
</select>
这个input的值可能是3公顷、3亩、3平方米
<input type="text" value="3" id="input0"/>
<script type="text/javascript">
var a = parseInt('0'); /////这里改为你动态接受到的值，0代表单位为平方米，1为亩，2为公顷
var sel = document.getElementById('sel');
sel.selectedIndex = 2 - a; /////设置单位下拉
var lastUnit = document.getElementById('sel').value; //记录当前单位
var input = document.getElementById("input0");
//10000平米 = 15亩 = 1公顷
var fRate = {//换算率
公顷: { 亩: 15, 平方米: 10000 },
亩: { 平方米: 10000 / 15, 公顷: 1 / 15 },
平方米: { 亩: 15 / 10000, 公顷: 1 / 10000}
};
function selectChange(obj) {//单位改变，执行换算
var v = parseFloat(input.value);//得到原来的值
//执行换算，注意fRate的取值，得到上一次的单位节点，再取当前单位的换算率
var rst = (v * fRate[lastUnit][sel.value]).toFixed(4);//保留4位小数
input.value = rst;
lastUnit = sel.value;//更新当前单位变量
}
</script>
</body>
</html>
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.