JS取文本框中最小值

发布:JB01   来源:脚本学堂     【  

分享一例js代码,用于获取文本框中内容的最小值,代码很简单,有需要的朋友可以作个参考。

本节内容:
JS取文本框中最小值
 
效果:取最小值

事件:当输入值之后,取出最小值。

如图:
4_1.png
4_2.png

代码部分:
 

复制代码代码示例:
/*单块最小值*/
function Gettbqdzxz() {
    var tbkyqd1 = ChangeFloat($("#<%=tbkyqd1.ClientID %>").val());
    var tbkyqd2 = ChangeFloat($("#<%=tbkyqd2.ClientID %>").val());
    var tbkyqd3 = ChangeFloat($("#<%=tbkyqd3.ClientID %>").val());
    var tbkyqd4 = ChangeFloat($("#<%=tbkyqd4.ClientID %>").val());
    var tbkyqd5 = ChangeFloat($("#<%=tbkyqd5.ClientID %>").val());
    if (tbkyqd1 != 0 && tbkyqd2 != 0 && tbkyqd3 != 0 && tbkyqd4 != 0 && tbkyqd5 != 0) {
        var numbers = [tbkyqd1, tbkyqd2, tbkyqd3, tbkyqd4, tbkyqd5];
        numbers = numbers.sort(function(a, b) {
           return a - b;
        }); // www.jbxue.com
        $("#<%=tbqdzxz.ClientID%>").val(numbers[0]);
    }
    else {
        $("#<%=tbqdzxz.ClientID%>").val("");
    }
}
function ChangeFloat(data) {
if (data != null && data != "")
    return parseFloat(data);
else
    return 0;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的HTML和JavaScript实现页面设置5个文本框,设置4个按钮分别是最大、最小、平均、求和,点击按钮将结果显示到一个结果框的例子: ```html <!DOCTYPE html> <html> <head> <title>数字计算器</title> </head> <body> <h1>数字计算器</h1> <label for="num1">数字1:</label> <input type="number" id="num1"><br><br> <label for="num2">数字2:</label> <input type="number" id="num2"><br><br> <label for="num3">数字3:</label> <input type="number" id="num3"><br><br> <label for="num4">数字4:</label> <input type="number" id="num4"><br><br> <label for="num5">数字5:</label> <input type="number" id="num5"><br><br> <button onclick="max()">最大</button> <button onclick="min()">最小</button> <button onclick="average()">平均</button> <button onclick="sum()">求和</button><br><br> <p id="result"></p> <script> function max() { var num1 = parseInt(document.getElementById("num1").value); var num2 = parseInt(document.getElementById("num2").value); var num3 = parseInt(document.getElementById("num3").value); var num4 = parseInt(document.getElementById("num4").value); var num5 = parseInt(document.getElementById("num5").value); var result = Math.max(num1, num2, num3, num4, num5); document.getElementById("result").innerHTML = "最大值为:" + result; } function min() { var num1 = parseInt(document.getElementById("num1").value); var num2 = parseInt(document.getElementById("num2").value); var num3 = parseInt(document.getElementById("num3").value); var num4 = parseInt(document.getElementById("num4").value); var num5 = parseInt(document.getElementById("num5").value); var result = Math.min(num1, num2, num3, num4, num5); document.getElementById("result").innerHTML = "最小值为:" + result; } function average() { var num1 = parseInt(document.getElementById("num1").value); var num2 = parseInt(document.getElementById("num2").value); var num3 = parseInt(document.getElementById("num3").value); var num4 = parseInt(document.getElementById("num4").value); var num5 = parseInt(document.getElementById("num5").value); var result = (num1 + num2 + num3 + num4 + num5) / 5; document.getElementById("result").innerHTML = "平均值为:" + result; } function sum() { var num1 = parseInt(document.getElementById("num1").value); var num2 = parseInt(document.getElementById("num2").value); var num3 = parseInt(document.getElementById("num3").value); var num4 = parseInt(document.getElementById("num4").value); var num5 = parseInt(document.getElementById("num5").value); var result = num1 + num2 + num3 + num4 + num5; document.getElementById("result").innerHTML = "求和为:" + result; } </script> </body> </html> ``` 在此示例,我们使用HTML创建了五个输入框和四个按钮,然后使用JavaScript编写了四个名为`max()`、`min()`、`average()`和`sum()`的函数,分别计算输入框数字的最大值、最小值、平均值和总和。最后,它们会将结果显示在页面上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值