如何将两格tr中的小计获取到加到应付总额里

最新推荐文章于 2024-09-25 14:00:00 发布

2301_78200098

最新推荐文章于 2024-09-25 14:00:00 发布

阅读量32

点赞数

文章标签： javascript 前端 jquery css

本文链接：https://blog.csdn.net/2301_78200098/article/details/134761337

版权

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

table{

border:1px dashed #ccc;

}

table tr td{

border:1px dashed #ccc;

}

table td.cal span{

font:bold 25px 黑体;

color:orange;

}

.cal{

float:right;

}

table .btn{

border:1px solid #dedede;

background-color: white;

width:16px;

height:16px;

}

table .txt{

width:60px;

height:30px;

border:1px solid #dedede;

text-align: center;

font:bold 15px 黑体;

}

table .txt:hover{

border:1px solid red;

}

</style>

$(function(){

// 添加按钮添加数量

$(".btnAdd").click(function(){

//获取文本框

var txtval=$(this).siblings("input[type='text']");

//获取文本框的数字

var number=parseInt(txtval.val());

//将文本框中的数字+1再赋值给文本框

txtval.val(number+1);

calPrice($(this),number+1);

});

// 减少按钮减少数量

$(".btnMinus").click(function(){

//获取文本框

var txtval=$(this).siblings("input[type='text']");

//获取文本框的数字

var number=parseInt(txtval.val());

//将文本框中的数字-1再赋值给文本框

if(number>1){

txtval.val(number-1);

}

calPrice($(this),number-1);

});

// 计算小计 $btnObj增加、减少数量的按钮 number是商品的数量

function calPrice($btnObj,number){

// 获取td单元格中显示的单价

var $tdObj=$btnObj.parent().next();

// 获取价格

var price=parseFloat($tdObj.text().substr(1));

// 获取小计的单元格

var $tdTotal=$tdObj.next();

// 计算小计

var total=price*number;

$tdTotal.html("¥"+total.toFixed(2));

}

});

</script>

</head>

<body>

<table>

<tr>

</tr>

<tr>

<img src="images/item1.jpg" alt="">欢乐空间量贩式KTV:欢唱套餐2选1,国家法定节假日需到店另付20元,可升级

</a>

</td>

<td>

</td>

</tr>

<tr>

<img src="images/item2.jpg" alt="">途乐时尚主题量贩式KTV:任选1小时欢唱,可升级,提供免费WIFI

</a>

</td>

<td>

</td>

</tr>

<tr>

已选<span>2</span>件商品应付总额<span id="spanTotal">¥59.9</span>

</td>

</tr>

</table>

</body>

</html>

2301_78200098

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫