jQuery / JavaScript calculations

jQuery / JavaScript calculations

本文关键字：calculations JavaScript jQuery      更新时间：2023-09-26

如何使用jQuery/javascript进行这些计算？

希望计算在结果div 标签中可见

高度 * 宽度 * 厚 * 密度 

<input type="text" id="hojd" /> * <input type="text" id="bredd" /> * <input type="text" id="tjock" /> * 
<select name="density" id="select">
    <option value="2,4">concrete</option>
    <option value="2,5">rock</option>
</select>
<br />
<div id="result"></div>
如果将

选择列表中的逗号更改为小数点，则以下代码将起作用（javascript 可能假定使用点作为小数分隔符）。这不包含任何值验证，我将让您自己做;)

function calc() {
    var height = $('#hojd').val();
    var width = $('#bredd').val();
    var thick = $('#tjock').val();
    var density = $('#select').val();
    $('#result').html(height * width * thick * density);
}
$(function() {
    $('#hojd, #bredd, #tjock, #select').change(calc);
});

编辑：

这是一个工作方法。http://jsfiddle.net/84Hvr/2/

尝试这样的事情：

 var output = $('#hojd').val() * $('#bredd').val() * $('#tjock').val() * $('#select').val();

虽然，我会为下拉列表分配一个比"选择"更好的 ID 名称......

然后

 $('#result').html(output);
相关文章：