还原js打折页面代码
谁能帮忙还原以下这个页面的代码 加上 总和是的计算方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="https://netdisk.99yuanma.net:4443/code_demo/5fce5ad5985b9/css/sku_style.css" />
</head>
<body>
<table class="skuTable">
<tbody>
<tr>
<th>类型</th>
<th>型号</th>
<th>单位</th>
<th>面价</th>
<th>数量</th>
<th>折扣价格<select οnchange='saleall()' id='allsale' name='act_select'><option value='1'>全价</option><option value='0.9'>九折</option><option value='0.8'>八折</option><option value='0.7'>七折</option></select></th>
</tr>
<tr>
<td rowspan="5">建材</td>
<td rowspan="1">20</td>
<td rowspan="1">米</td>
<td rowspan="1">18</td>
<td><input type="text" value="100" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td rowspan="1">25</td>
<td rowspan="1">米</td>
<td rowspan="1">22</td>
<td><input type="text" value="25" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td rowspan="1">32</td>
<td rowspan="1">米</td>
<td rowspan="1">37</td>
<td><input type="text" value="30" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td rowspan="1">40</td>
<td rowspan="1">米</td>
<td rowspan="1">48</td>
<td><input type="text" value="22" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td rowspan="1">50</td>
<td rowspan="1">米</td>
<td rowspan="1">73</td>
<td><input type="text" value="40" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>合计：</td>
<td><input type="text" value="" /></td>
</tr>
</tbody>
</table>
<script>
//打折开始
function saleall(){
var zzz=$('#allsale').val();
$('.act_table').find('tr').each(function(){
$(this).find('td input').each(function(){
var n_price=$(this).attr('value')*zzz;
var num=new Number(n_price);
var n_price=num.toFixed(2);
$(this).val(n_price);
//$(this).val($(this).attr('value')*zzz);
});
});
}
function onsale(id,price){
var act_price=$('#act_price_'+id).val();
var act_sale=$('#onsale_'+id).val();
var sale_price=act_price*act_sale;
$('#act_price_'+id).val(sale_price);
}
//打折结束
</script>
</body>
</html>
帮助到你可以点击采纳支持下，谢谢~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="https://netdisk.99yuanma.net:4443/code_demo/5fce5ad5985b9/css/sku_style.css" />
</head>
<body>
<table class="skuTable">
<tbody>
<tr>
<th>类型</th>
<th>型号</th>
<th>单位</th>
<th>面价</th>
<th>数量</th>
<th>折扣价格<select id='allsale' name='act_select'><option value='1'>全价</option><option value='0.9'>九折</option><option value='0.8'>八折</option><option value='0.7'>七折</option></select></th>
</tr>
<tr>
<td rowspan="5">建材</td>
<td rowspan="1">20</td>
<td rowspan="1">米</td>
<td rowspan="1">18</td>
<td><input type="text" value="100" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td rowspan="1">25</td>
<td rowspan="1">米</td>
<td rowspan="1">22</td>
<td><input type="text" value="25" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td rowspan="1">32</td>
<td rowspan="1">米</td>
<td rowspan="1">37</td>
<td><input type="text" value="30" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td rowspan="1">40</td>
<td rowspan="1">米</td>
<td rowspan="1">48</td>
<td><input type="text" value="22" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td rowspan="1">50</td>
<td rowspan="1">米</td>
<td rowspan="1">73</td>
<td><input type="text" value="40" /></td>
<td><input type="text" value="" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>合计：</td>
<td><input type="text" value="" /></td>
</tr>
</tbody>
</table>
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
$('.skuTable :input').change(function () {
var allsale = parseFloat($('#allsale').val()), total = 0, money;
$('.skuTable tr:gt(0)').not(':last').each(function (index, el) {
var tr = $(this), ipt = tr.find(':input'), price = parseFloat(tr.find('td:eq(' + (index == 0 ? 3 : 2) + ')').text());
money = (parseInt(ipt.eq(0).val()) || 0) * price * allsale;
ipt.eq(1).val(money.toFixed(2));
total += money;
});
$('.skuTable :input:last').val(total)
}).eq(0).trigger('change');
</script>
</body>
</html>
HTML的东西应该可以自己先试着写吧，如果涉及到JS有问题后期可以再追问
您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～
ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632