jQuery 计算
如图片一样用jQuery实现面积*（数量+价格+重量）=总和<body>总和：<inputtype="text"id="total"readonly="readonly"...
如图片一样 用jQuery实现 面积*（数量+价格+重量）=总和
<body>
总和：<input type="text" id="total" readonly="readonly" />
<table id="panel">
<tr>
<td>面积：</td>
<td><input type="text" class="price" value="16.2"/></td>
<td>*(数量：</td>
<td><input type="text" class="num" /></td>
<td>+价格：</td>
<td><input type="text" class="numm" /></td>
<td>+重量：</td>
<td><input type="text" class="numm"/>)</td>
</tr>
</table>
</body>
if($.isNumeric(face.val()) && $.isNumeric(num.val()) && $.isNumeric(price.val())){
total.val((face.val() * (num.val() * 1 + price.val() * 1)).toFixed(2));
}else{
total.val(null);
}
}).delegate(".num","keyup",function(){
$(this).closest("tr").find(".price").trigger("keyup");
}).delegate(".numm","keyup",function(){
$(this).closest("tr").find(".price").trigger("keyup");
});
}); 展开
<body>
总和：<input type="text" id="total" readonly="readonly" />
<table id="panel">
<tr>
<td>面积：</td>
<td><input type="text" class="price" value="16.2"/></td>
<td>*(数量：</td>
<td><input type="text" class="num" /></td>
<td>+价格：</td>
<td><input type="text" class="numm" /></td>
<td>+重量：</td>
<td><input type="text" class="numm"/>)</td>
</tr>
</table>
</body>
if($.isNumeric(face.val()) && $.isNumeric(num.val()) && $.isNumeric(price.val())){
total.val((face.val() * (num.val() * 1 + price.val() * 1)).toFixed(2));
}else{
total.val(null);
}
}).delegate(".num","keyup",function(){
$(this).closest("tr").find(".price").trigger("keyup");
}).delegate(".numm","keyup",function(){
$(this).closest("tr").find(".price").trigger("keyup");
});
}); 展开
6个回答
展开全部
<body>
总和：<input type="text" id="total" readonly="readonly" />
<table id="panel">
<tr>
<td>面积：</td>
<td><input id="area" type="text" class="price" value="16.2"/></td>
<td>*(数量：</td>
<td><input id="num" type="text" class="num" /></td>
<td>+价格：</td>
<td><input id="price" type="text" class="numm" /></td>
<td>+重量：</td>
<td><input id="weight" type="text" class="numm"/>)</td>
</tr>
</table>
</body>
------jQuery
$(function(){
var area=parseFloat($("#area").val());
var num=parseInt($("#num").val());
var price=parseFloat($("#price").val());
var weight=parseFloat($("#weight").val());
var total=area*(num+price+weight)
$("#total").val(total);
});
更多追问追答
追问
这是运行结果 并不能算
追答
你想咋算？填入数据，点击按钮出结果？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body>
总和：<input type="text" id="total" readonly="readonly" />
<table id="panel">
<tr>
<td>面积：</td>
<td><input id="area" type="text" class="price" value="16.2"/></td>
<td>*(数量：</td>
<td><input id="num" type="text" class="num" /></td>
<td>+价格：</td>
<td><input id="price" type="text" class="numm" /></td>
<td>+重量：</td>
<td><input id="weight" type="text" class="numm"/>)</td>
</tr>
</table>
<button id = 'btn' onclick='compute();'>计算</button>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
function compute(){
var area=parseFloat($("#area").val());
var num=parseInt($("#num").val());
var price=parseFloat($("#price").val());
var weight=parseFloat($("#weight").val());
var total=area*(num+price+weight)
$("#total").val(total);
}
</script>
</body>
我添加了一个按钮，就可以计算了。建议采纳楼上用jquery的，我只是搬运工。当然，前提你得引入jquery才行哦。
更多追问追答
追问
我要的是是自动计算呢 引入jQuery.js吗
追答
嗯，你得有那个jQuery文件，比如我把jquery.min.js放在html的同一目录下，就可以通过
引入了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<body>
总和：<input type="text" id="total" readonly="readonly" /><input type="button" value="计算" onclick="doCal()">
<table id="panel">
<tr>
<td>面积：</td>
<td><input id="t1" type="text" class="price" value="16.2"/></td>
<td>*(数量：</td>
<td><input id="t2" type="text" class="num" /></td>
<td>+价格：</td>
<td><input id="t3" type="text" class="numm" /></td>
<td>+重量：</td>
<td><input id="t4" type="text" class="numm"/>)</td>
</tr>
</table>
</body>
<script>
function doCal(){
var val = document.getElementById("t1").value *( document.getElementById("t2").value+document.getElementById("t3").value +document.getElementById("t4").value);
document.getElementById("total").value = val;
}
</script>
</html>
追问
狠不靠谱的啊 我要的是自动计算
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var price = 0;
var num1 = 0;
var num2 = 0;
var num3 = 0;
var sum = 0;
function all(){
sum = price + num1 + num2 + num3;
};
$('.price').bind('input propertychange', function()
{
price = $(".price").val();
all();
});
其他那几个也这么写，我在这里就不写了。
如果你做web应用的话，我推荐你学习一下angular.js。
这种小小的功能用angular.js的时候连JS代码都不需要写了。
var num1 = 0;
var num2 = 0;
var num3 = 0;
var sum = 0;
function all(){
sum = price + num1 + num2 + num3;
};
$('.price').bind('input propertychange', function()
{
price = $(".price").val();
all();
});
其他那几个也这么写，我在这里就不写了。
如果你做web应用的话，我推荐你学习一下angular.js。
这种小小的功能用angular.js的时候连JS代码都不需要写了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(function(){
var sum=function(area,number,price,weight){
return area*(number+price+weight);
}
$("#btn").click(function(){
var area=$(".price").val();
var number=parseFloat($(".num").eq(0).val());
var price=parseFloat($(".num").eq(1).val());
var weight=parseFloat($(".num").eq(2).val());
$("#total").val(sum(area,number,price,weight));
});
})
var sum=function(area,number,price,weight){
return area*(number+price+weight);
}
$("#btn").click(function(){
var area=$(".price").val();
var number=parseFloat($(".num").eq(0).val());
var price=parseFloat($(".num").eq(1).val());
var weight=parseFloat($(".num").eq(2).val());
$("#total").val(sum(area,number,price,weight));
});
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
