JavaScript中数字的比较

最新推荐文章于 2022-10-26 14:42:19 发布

最新推荐文章于 2022-10-26 14:42:19 发布 · 201 阅读

文章标签：

#JavaScript #HTML #ViewUI

java 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一个JavaScript中的常见问题，即如何正确地比较两个输入框中数值的大小。通过使用parseInt()方法将字符串转换为整数，解决了直接比较可能引发的问题。

错误代码：

js 代码

<html>
<head>
<script language="javascript">
function compare(){
if(document.form1.a.value < document.form1.b.value){
alert("a must more than b");
}else{
alert("ok");
}

}
</script>
</head>
<form name=form1>
<input name=a type=text/>
<input name=b type=text/>
<input type=button onclick="compare()" value="compare"/>
</form>
</html>

正确代码：

js 代码

<html>
<head>
<script language="javascript">
function compare(){
if(parseInt(document.form1.a.value) < parseInt(document.form1.b.value)){
alert("a must more than b");
}else{
alert("ok");
}

}
</script>
</head>
<form name=form1>
<input name=a type=text/>
<input name=b type=text/>
<input type=button onclick="compare()" value="compare"/>
</form>
</html>

总结：

很显然，document.form1.b.value取得的值是String类型的。so you must chang it from string to int,there i use parseInt() which is a method in JS.