简单的javascript计算

时间:2015-02-11 21:36:20

标签: javascript html5 sharepoint-2010

多年以来,我不得不用javascript做任何事情。感觉我需要学习一门课程才能重新学习基础知识。尝试使用两个输入字段创建简单计算。在另一篇文章中找到了以下解决方案,但它对我不起作用。

<script>
		function calculate() {
		 		 var myBox1 = document.getElementById('box1').value;		 
		 		 var myBox2 = document.getElementById('box2').value;
		 		 var result = document.getElementById('result');		 
		 		 var myResult = myBox1 * myBox2;
		 		 result.value = myResult;
      
		 		 
		 }
</script>
<table width="250px" border="0">
  <tr>
    <th>Box 1</th>
    <th></th>
    <th>Box 2</th>
    <th></th>
    <th>Result</th>
  </tr>
  <tr>
    <td><input id="box1" type="text" oninput="calculate()" /></td>
    <td>x</td>
    <td><input id="box2" type="text" oninput="calculate()" /></td>
	<td>=</td>
    <td><input id="result" /></td>
  </tr>
</table>

最终,我将为两个输入字段设置默认值,并允许用户更改值并查看结果如何更改。可以在SharePoint 2010 Intranet站点上使用。

我觉得无论我遇到什么问题都是一件非常简单的事情,我忽视了。

由于

1 个答案:

答案 0 :(得分:0)

我认为上面的代码工作正常。如果您想要一些默认值,只需在页面加载时设置字段值。您可以通过执行以下操作:window.onload = function (){....}或宽度jQuery $(document).ready(function(){....}

以下是您的代码加上字段的默认值的示例: http://codepen.io/anon/pen/PwExrw