jquery 根据输入框输入的值 自动计算其他值的实例
2015-08-07 11:52
597 查看
<html>
<head><script type="text/javascript" src="__ROOT__/Common/js/jquery.js"></script></head>
<body>
<form name="myform" action="__ROOT__/?m=Confirm&a=modjiesuan" method="post">
<input type="hidden" name="id" value="{$id}" />
<ul class="forminfo">
<li><label>数据包</label><input name="b_name" type="text" value="{$list.b_name}" readonly class="dfinput" />
<li><label>结算数量</label><input name="all_nums" type="text" id="all_nums" value="{$list.all_nums}" readonly class="dfinput" />
<li><label>放出单价</label><input name="b_price" type="text" id="price" onblur="checkmoney()" value="{$list.b_price}" class="dfinput" /><i>*单价</i></li>
<li><label>所扣税点</label><input name="b_shuidian" type="text" id="sdian" onblur="checkmoney()" value="{$list.b_shuidian}" class="dfinput" /><i>税点</i></li>
<li><label>结算金额</label><input name="all_money" type="text" id="allmoney" value="{$list.all_money}" class="dfinput" /><i>结算金额</i></li>
<li><label> </label><input name="sub" type="submit" class="btn" value="确认更改"/></li>
</ul>
</form>
</body>
</html>
<script type="text/javascript">
function checkmoney(){
var price = $("#price").val();
var b_shuidian = $("#sdian").val();
var num = $("#all_nums").val();
if(b_shuidian > 0.1){
money = price * num - price * num * b_shuidian * 0.01;
}else{
money = price * num;
}
money2 = money.toFixed(3); //浮点型的保留3位小数点
$("#allmoney").val(money2);
}
</script>
<head><script type="text/javascript" src="__ROOT__/Common/js/jquery.js"></script></head>
<body>
<form name="myform" action="__ROOT__/?m=Confirm&a=modjiesuan" method="post">
<input type="hidden" name="id" value="{$id}" />
<ul class="forminfo">
<li><label>数据包</label><input name="b_name" type="text" value="{$list.b_name}" readonly class="dfinput" />
<li><label>结算数量</label><input name="all_nums" type="text" id="all_nums" value="{$list.all_nums}" readonly class="dfinput" />
<li><label>放出单价</label><input name="b_price" type="text" id="price" onblur="checkmoney()" value="{$list.b_price}" class="dfinput" /><i>*单价</i></li>
<li><label>所扣税点</label><input name="b_shuidian" type="text" id="sdian" onblur="checkmoney()" value="{$list.b_shuidian}" class="dfinput" /><i>税点</i></li>
<li><label>结算金额</label><input name="all_money" type="text" id="allmoney" value="{$list.all_money}" class="dfinput" /><i>结算金额</i></li>
<li><label> </label><input name="sub" type="submit" class="btn" value="确认更改"/></li>
</ul>
</form>
</body>
</html>
<script type="text/javascript">
function checkmoney(){
var price = $("#price").val();
var b_shuidian = $("#sdian").val();
var num = $("#all_nums").val();
if(b_shuidian > 0.1){
money = price * num - price * num * b_shuidian * 0.01;
}else{
money = price * num;
}
money2 = money.toFixed(3); //浮点型的保留3位小数点
$("#allmoney").val(money2);
}
</script>
相关文章推荐
- jquery提交时的灵异事件
- jquery JSONP解决跨域
- jquery的匿名函数研究
- jQuery使用animate创建动画用法实例
- 关于jquery重复引包的问题
- jQuery 页面加载事件
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- jQuery数据类型总结
- jQuery的deferred对象使用笔记
- jquery中文API
- jQuery相关学习-Jquery的介绍和安装
- jQuery与getJson结合的用法实例
- jQuery基础核心
- jQuery 不使用$ 使用自定义
- jQuery过滤HTML标签并高亮显示关键字的方法
- Jquery表单提交JSON数据
- 延迟加载图片的 jQuery 插件:Lazy Load
- jquery实现先淡出再折叠收起的动画效果
- jQuery语法和选择器
- jQuery animate 动画效果