htnet188 2021-06-07 16:30 采纳率: 100%
浏览 62
已采纳

还原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>
  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2021-06-07 17:09
    关注

    帮助到你可以点击采纳支持下，谢谢~~

    
<!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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 拟通过pc下指令到安卓系统，如果追求响应速度，尽可能无延迟，是不是用安卓模拟器会优于实体的安卓手机？如果是，可以快多少毫秒？
  • ¥20 神经网络Sequential name=sequential, built=False
  • ¥16 Qphython 用xlrd读取excel报错
  • ¥15 单片机学习顺序问题！！
  • ¥15 ikuai客户端多拨vpn，重启总是有个别重拨不上
  • ¥20 关于#anlogic#sdram#的问题，如何解决？(关键词-performance)
  • ¥15 相敏解调 matlab
  • ¥15 求lingo代码和思路
  • ¥15 公交车和无人机协同运输
  • ¥15 stm32代码移植没反应