javascript - 使用javascript添加税率时如何显示售价？-6ren

javascript - 使用javascript添加税率时如何显示售价？

转载作者：行者123 更新时间：2023-11-30 19:43:04

大家好，谁能帮我解决我的问题。问题是当我在买入价和税率列中输入值时，它没有在卖出价输入框中显示结果。

这是我的功能

$(document).ready(function(){
    function final_total(count){
        var final_product_amount = 0;
        for(j=1;j<=count;j++){
            var quantity = 0;
            var buy_price = 0;
            var sell_price = 0;
            var tax_rate = 0;
            var total_amount = 0;
            var total_sell = 0;
            var actual_amount = 0;
            var total_tax = 0;
            var min_qty = 0;
            quantity = $('#quantity'+j).val();
            if(quantity>0){
                buy_price = $('#buy_price'+j).val().replace(",","");
                if(buy_price > 0 ){
                    total_amount = parseFloat(quantity) * parseFloat(buy_price);
                    $('#total_amount'+j).val('P '+total_amount);
                    tax_rate = $('#tax_rate'+j).val();
                    if(tax_rate>0){ 
                        total_sell = parseFloat(buy_price) * parseFloat(tax_rate)/100;
                        total_tax = parseFloat(buy_price) + parseFloat(total_sell);
                        $('#sell_price'+j).val('P '+total_tax);
                    }               
                }
                actual_amount = $('#total_amount'+j).val().replace("P ","");
                final_product_amount = parseFloat(final_product_amount) + parseFloat(actual_amount);    
            }
        }
        $('#final_total_amount').text('₱ '+final_product_amount);
    }
}

我尝试修改代码，但当我完成输入一些税率值时它没有显示。当我点击 + 按钮并填写输入 filled 时，第一行的卖价被填写并开始工作。它仅在填充新表格行时有效。希望有人能帮我解决这个问题。谢谢。

最佳答案

使用 onblur 函数计算 textbox buy_price 和 tax_rate 的售价。 onblur jquery api .

下面的代码片段展示了如何使用onblur函数来计算售价和总金额。

function calculateSellPrice(_i) {
			var _buyPrice = $("#txtBuyPrice-" + _i).val();
			var _tax = $("#txtTax-" + _i).val();
			var _sellPrice = 0;
			
			if(_buyPrice != "" && _tax != "") {
				_sellPrice = parseFloat(_buyPrice) + parseFloat(_tax);
				
				$("#txtSellPrice-" + _i).val(_sellPrice);
			}
			
			calculateTotal();
		}
		
		function calculateTotal() {
		
			var count = 2;
			
			var totalAmount = 0;
			
			for(var j=1; j<=count; j++) {
				var sellingPrice = $("#txtSellPrice-" + j).val();
				if(sellingPrice != "")
					totalAmount += parseFloat(sellingPrice);
			}
			
			$("#lblGrandTotal").text("Grand Total: " + totalAmount);
		}

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
	<table class="table table-bordered">
		<thead>
			<tr>
				<td>Sl.No</td>
				<td>Product</td>
				<td>Buy Price</td>
				<td>Tax</td>
				<td>Sell Price</td>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>
					<select id="prod-1">
						<option>Select</option>
						<option value="1">Product 1</option>
						<option value="2">Product 2</option>
						<option value="3">Product 3</option>
						<option value="4">Product 4</option>
					</select>
				</td>
				<td>
					<input type="text" id="txtBuyPrice-1" value="" placeholder="Buy Price" onblur="calculateSellPrice(1);" />
				</td>
				<td>
					<input type="text" id="txtTax-1" value="" placeholder="Tax" onblur="calculateSellPrice(1);" />
				</td>
				<td>
					<input type="text" id="txtSellPrice-1" value="" placeholder="Sell Price" disabled />
				</td>
			</tr>
			<tr>
				<td>2</td>
				<td>
					<select id="prod-2">
						<option>Select</option>
						<option value="1">Product 1</option>
						<option value="2">Product 2</option>
						<option value="3">Product 3</option>
						<option value="4">Product 4</option>
					</select>
				</td>
				<td>
					<input type="text" id="txtBuyPrice-2" value="" placeholder="Buy Price" onblur="calculateSellPrice(2);" />
				</td>
				<td>
					<input type="text" id="txtTax-2" value="" placeholder="Tax" onblur="calculateSellPrice(2);" />
				</td>
				<td>
					<input type="text" id="txtSellPrice-2" value="" placeholder="Sell Price" disabled />
				</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="5" style="text-align: right;">
					<label id="lblGrandTotal">Grand Total: 0</label>
				</td>
			</tr>
		</tfoot>
	</table>
	
</body>
</html>

关于javascript - 使用javascript添加税率时如何显示售价？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55203966/

文章推荐： javascript - react 组件内的 map 功能

文章推荐： C# 名称进程

文章推荐： c# - 从 C# 中的对象数组中获取最大值

文章推荐： c# - 如何覆盖 WcF 对象的 ToString 方法？

米家智能电压力锅开启预约：售价 299 元，支持火锅模式
米家智能电压力锅 2.5L 版于 2020 年末众筹成功，昨天该产品正式开启预约。产品预约价 299 元，将于 1 月 19 日 10:00 正式开售。米家智能电压力锅 2.5L 体积小巧，
瑞士制造商宇舶推出豪华智能手表：售价 3 万 7 起
瑞士豪华手表制造商宇舶(Hublot)宣布其旗舰产品 Big Bang 系列豪华手表推出了两款新型号。新款手表被称为 Big Bang e，是本系列中仅有的两款智能手表，是该公司产品线中最便宜的型号
小米手表 Color 运动版发布：支持血氧检测，售价 699 元
10 月 20 日消息小米今天宣布推出小米手表 Color 运动版，支持血氧检测功能，售价 699 元，今晚 24 点全渠道开启预售，到手价 649 元，11 月 1 日全渠道同步开售。 I
Redmi 智能电视 MAX 98 英寸正式发布：售价 19999 元
今天下午，小米举行Redmi K30 Pro 旗舰新品线上发布会，除了Redmi K30 Pro「真旗舰」手机，一同发布还有Redmi 小爱触屏音箱 8 英寸和 Redmi 智能电视 MAX 98
小米米家台灯 Lite 正式发布：售价 79 元，国标 A 级照度
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界. 这篇CFSDN的博客文章小米米家台灯 Lite 正式发布：售价 79 元，国标 A 级照度由作者
苹果 VR 头显有望于 2022 年第一季度推出：配备激光雷达，售价 500 美元以上
据工商时报报道，摩根大通证券科技产业分析师杨维伦指出，苹果传闻中的虚拟现实(VR)头显可能最快在 2022 年第一季度发布。报道称，“苹果头显的工业设计将与其他品牌的 VR 头显接近”。据悉
华米发布 GTR 2 智能手表：搭载血氧、心率引擎，售价 999 元
华米今天发布了 GTR 2 智能手表，搭载血氧、心率引擎，运动版售价 999 元，皮质表带版售价 1099 元。 IT之家了解到，Amazfit GTR 2 拥有一块 1.39 英寸、
Redmi 小爱触屏音箱 8 英寸正式发布：桌面「小电视」售价 349 元
今天下午小米举行Redmi K30 Pro 旗舰新品线上发布会，除了Redmi K30 Pro「真旗舰」手机，一同发布还有 Redmi 小爱触屏音箱 8 英寸。据官方介绍，新款 Redmi

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 使用javascript添加税率时如何显示售价？