html数字文本框只能整数输入,以及自动计算和赋值。

 实现效果:数量只能输入整数 ,金额需通过:数量*单价自动计算出来。

html代码如下:

<div class="row">
		<label class="control-label col-md-3">数量:</label>
		<div class="col-md-8">
			@*onkeyup="this.value = this.value.replace(/\D/g, ''); MoneyCountFn();"*@ 
			<input type="number" onkeyup="this.value = this.value.replace(/\D/g, ''); MoneyCountFn();" id="txt_Amount" placeholder="请输入数量..." class="form-control input-sm">
		</div>
</div>

<div class="row">
		<label class="control-label col-md-3">单价:</label>
		<div class="col-md-8">
			<input type="number" id="txt_Price" onkeyup="MoneyCountFn()" placeholder="请输入单价..." class="form-control input-sm">
		</div>
</div>
<div class="row">
		<label class="control-label col-md-3">金额:</label>
		<div class="col-md-8">
			<input type="number" id="txt_Money" placeholder="请输入金额..." class="form-control input-sm" disabled>
		</div>
</div>

javascript 代码如下(需引入jquery)

<script>
    function MoneyCountFn() {
        if ($txt_Amount.val() == '' || $txt_Price.val() == '') {
            $txt_Money.val('');
        } else {
            var amount = parseFloat($txt_Amount.val()); //amount.toFixed(2);
            var price = parseFloat($txt_Price.val());
            var allMoney = amount * price
            var priceArr = $txt_Price.val().split('.');
            $txt_Money.val(allMoney.toFixed(priceArr[1]?priceArr[1].length:0));
        }

    }

</script>

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以使用 EPPlus 的 Range 对象来直接操作单元格,而不需要使用单元格模拟。例如,可以使用 Range.Value 属性来设置单元格的值,使用 Range.Style 属性来设置单元格的样式。此外,EPPlus 还提供了一些其他的 API,如 AutoFitColumns() 方法来自动调整列宽,以及 Merge() 方法来合并单元格等。 ### 回答2: 在JavaScript中,你可以使用以下步骤来实现在多个文本框输入数字并点击按钮进行排序: 1. 首先,为每个文本框创建一个唯一的标识符(例如,给每个文本框设置一个id属性),这样我们可以通过该标识符获取每个文本框的值。 2. 在按钮的点击事件监听器中,创建一个空数组用于存储每个文本框的值。可以使用document.getElementById()方法来获取每个文本框的值,并将其添加到数组中。 3. 使用数组的sort()方法对数组进行排序。这将根据默认的字符串排序规则对元素进行排序,所以如果我们想让数字按照数字的大小进行排序,我们需要使用一个自定义的排序函数。 4. 创建一个新的空字符串,用于存储排序后的数字。可以使用数组的forEach()方法遍历排序后的数组,将每个数字添加到新的字符串中。 5. 最后,将排序后的数字字符串放回到文本框中显示出来。 下面是一个简单的示例代码来实现上述步骤: HTML代码: ```html <input type="text" id="input1" /> <input type="text" id="input2" /> <input type="text" id="input3" /> <button id="sortButton">排序</button> ``` JavaScript代码: ```javascript document.getElementById("sortButton").addEventListener("click", function() { var input1Value = parseInt(document.getElementById("input1").value); // 获取第一个文本框的值 var input2Value = parseInt(document.getElementById("input2").value); // 获取第二个文本框的值 var input3Value = parseInt(document.getElementById("input3").value); // 获取第三个文本框的值 var numbersArray = [input1Value, input2Value, input3Value]; // 将每个文本框的值存入数组 numbersArray.sort(function(a, b) { // 自定义排序函数:按照数字的大小进行排序 return a - b; }); var sortedNumbersString = ""; // 存储排序后的数字的字符串 numbersArray.forEach(function(number) { // 遍历排序后的数组 sortedNumbersString += number + " "; }); document.getElementById("input1").value = sortedNumbersString.trim(); // 将排序后的数字放回到第一个文本框中显示出来 }); ``` 注意:在代码中,我使用parseInt()方法将输入的值转换成整数,这是因为文本框中的值默认是字符串类型的,而我们需要比较和排序的是数字。 ### 回答3: 在JavaScript中,要实现在多个文本框输入数字并点击按钮进行排序,可以按照以下步骤进行: 1. HTML部分:创建一个包含多个文本框和一个按钮的HTML页面,例如: ```html <input type="text" id="input1"> <input type="text" id="input2"> <input type="text" id="input3"> <button onclick="sortNumbers()">排序</button> ``` 这里创建了三个文本框和一个按钮,每个文本框都有一个唯一的id属性。 2. JavaScript部分:编写一个名为`sortNumbers()`的函数,实现排序的逻辑。在这个函数内部,首先获取文本框的值并存储在一个数组中,然后使用`Array.sort()`方法对数组进行排序,最后将排序后的结果重新赋值文本框。代码示例如下: ```javascript function sortNumbers() { var input1 = document.getElementById("input1").value; var input2 = document.getElementById("input2").value; var input3 = document.getElementById("input3").value; var numbers = [input1, input2, input3]; numbers.sort(function(a, b) { return a - b; }); document.getElementById("input1").value = numbers[0]; document.getElementById("input2").value = numbers[1]; document.getElementById("input3").value = numbers[2]; } ``` 这里使用`var`关键字声明了三个变量`input1`、`input2`和`input3`来获取每个文本框的值。然后将这三个值保存在一个名为`numbers`的数组中,并使用`Array.sort()`方法对数组进行排序。最后,通过`document.getElementById()`方法获取每个文本框的元素,并将排序后的结果重新赋值给它们。 以上就是在JavaScript中实现在多个文本框输入数字并点击按钮进行排序的基本步骤。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值