动态的数量改变的时候另一个元素也改变
2016-12-23 17:39
323 查看
情景描述://数字变化的时候价钱也改变
mui(".mui-numbox").on("change",".mui-input-numbox",function(){
var amount=$(this).val();
var price= $(this).parents().siblings("input").val();
$(this).parents().siblings(".A").children(".pri").html(parseInt(amount*price).toFixed(2)); //合计价格
//数量和合计价格的变化,便随着加减点击变化而变化,所以单独写个函数点击就调用
getmoney();
});
function getmoney(){
//小计价格
var sumprice=0;
//数量
var amount=0;
$(".pri").each(function(){
var x=parseInt($(this).html());
sumprice+=x;//合计价格
$(".total_money").html(parseInt(sumprice).toFixed(2))
});
$(".mui-input-numbox").each(function(){
var x=parseInt($(this).val());
amount+=x;//合计数量
$(".pronum").html(amount)
});
}
mui(".mui-numbox").on("change",".mui-input-numbox",function(){
var amount=$(this).val();
var price= $(this).parents().siblings("input").val();
$(this).parents().siblings(".A").children(".pri").html(parseInt(amount*price).toFixed(2)); //合计价格
//数量和合计价格的变化,便随着加减点击变化而变化,所以单独写个函数点击就调用
getmoney();
});
function getmoney(){
//小计价格
var sumprice=0;
//数量
var amount=0;
$(".pri").each(function(){
var x=parseInt($(this).html());
sumprice+=x;//合计价格
$(".total_money").html(parseInt(sumprice).toFixed(2))
});
$(".mui-input-numbox").each(function(){
var x=parseInt($(this).val());
amount+=x;//合计数量
$(".pronum").html(amount)
});
}
相关文章推荐
- 只用css可以hover一个元素的时候改变另一个元素的位置
- Javascript 动态编程--动态设置网页元素是否可见,是否可用,改变大小,动态插入文字,进度条,动态改变背景例子
- IE撤销机制Ctrl-Z功能会在由于Js动态改变页面元素失效
- jQuery动态改变元素顺序
- JavaScript动态改变HTML页面元素例如添加或删除
- JavaScript动态改变页面元素
- 从动态改变元素(对象)的内嵌样式(in-line style)再看DHTML
- jquery多条数据输入的时候,会根据文本框输入的值动态计算并显示到另一个文本框的值
- 动态改变GridPanel分页数量 combobox
- [Java] 动态代理 05 一个成功程序的例子, 改变几句就成了另一个功能
- 如何自动在html页面加载时动态改变div等元素的高度和宽度
- 动态改变元素的风格
- 动态改变表单元素的fieldLabel文字
- 动态PIVOT 处理行列转换中数量未知的元素
- xe6 动态元素数量
- System.Collections.ArrayList类是一个特殊的数组。通过添加和删除元素,就可以动态改变数组的长度。
- 基于安卓开发动态改变按钮的数量
- jquery动态添加的表格行鼠标经过时候改变行的背景颜色
- Ajax编程中,经常要能动态的改变界面元素的样式
- 动态改变ActionBar颜色时候增加过渡动画