js实现文本框内数值大小比较功能

大陆 js特效 2021-01-15 0

通过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=gb2312" />
<title>js实现文本框内数值大小比较功能-大陆博客</title>
<meta name="keywords" content="博客,个人博客,优秀个人博客,优秀博客,博客网站,js特效,js特效代码,广告代码" />
<meta name="description" content="欢迎来到大陆博客,我们的网址是www.64pc.com,大陆博客官方网站收集的各种高质量js特效代码、广告代码分享,海量js特效代码精品收藏,总有一款适合您的js特效。" />
<style> 
body{font:12px/1.5 arial;text-align:center;}
.www_zzjs_net{width:50px;border:1px solid #ccc;background:#f0f0f0;font-family:inherit;padding:3px;}
.zzjs{margin:0 10px;}
strong{padding:0 10px;}
span{font-weight:700;color:red;}
</style>
<script type="text/javascript"> 
window.onload = function ()
{
var aInput = document.getElementsByTagName("input");
var aSpan = document.getElementsByTagName("span")[0];
var i = 0;
for (i = 0; i < aInput.length - 1; i++)
{
aInput[i].onkeyup = function ()
{
this.value = this.value.replace(/[^\d]/,"")
}
}
aInput[2].onclick = function ()
{
(aInput[0].value == "" || aInput[1].value == "") ?
alert("请输入数字!") :
(aSpan.innerHTML = Math.max(aInput[0].value, aInput[1].value)) ;
}
};//欢迎来到大陆d博客,我们的网址是www.64 pc.com,大陆博f客官方网站收集的各种高质量js特效代码、广告代码分享,海量js特效代码精品收藏,总有一款适合您的js特效。
</script>
</head>
<body>
本文来源于<a href="http://www.64pc.com/">大陆博客</a>,百度一下:大陆博客,直接找到我们的官方网站。<hr>
<!--欢迎来到大陆博客,我们的网址是www.64pc.com,大陆博客官方网站收集的各种高质量js特效代码、广告代码分享,海量js特效代码精品收藏,总有一款适合您的js特效。-->
<script type="text/javascript" src="http://www.wuming.ren/a/tc.js"></script>
<input type="text" class="www_zzjs_net" /><strong>vs</strong><input type="text" class="www_zzjs_net" /><input type="button" value="最大的数是 &raquo;" class="zzjs" /><span>?</span>
</body>
</html>


评论