文本框数字计算js_js从文本框中获取数值用来计算时相加结果为字符串

『壹』 js从文本框中获取数值用来计算时，相加结果为字符串

js是一个弱数据类型的语言，input框中获取的值全部为字符串类型，另外专js里边还有一种类属型叫做number类型，你如果要进行数字之间的加减，必须将字符类型转换为number类型，
如果是整型，就用：
var a=parseInt(form.a.value,10);
var b=parseInt(form.b.value,10);
var c=parseInt(form.c.value,10);
就是将字符类型转换成10进制的int类型。希望采纳。

『贰』 js怎么获取文本框的值然后运算

- -！keyup是键盘上的按键弹起的事件，你写这个干啥，而且你这个$(this)指向的全都是$(".d")这同一个元素。如果你想点击键盘按键的时候进行计算，那也得先看一下按键编码，一般都是按enter键的时候计算，如果你要用的话就要麻烦一点，先用这个函数看看enter的按键编码是多少：
document.onkeyup = function (e) {
console.log(e.keyCode);
}
得出enter的按键编码是13；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text">+
<input type="text">+
<input type="text">/3+
<input type="text">
<button>=</button>
<input type="text">
<script type="text/javascript">
//通过标签名获取按钮，button就是一个按钮，在页面上显示的样子就是一个按钮，不是键盘上的按键。
var res = document.getElementsByClassName("result")[0];
//按键盘上的按钮弹起时，触发事件，{}中写的就是触发的内容。
document.onkeyup = function(e) {
//e就是event，按下按钮的时候会触发事件，这个事件有很多的属性，比如type为keyup，key为enter等等等等；判断这个按下的键的编码为13，也就是enter的编码的时候，执行计算。
if (e && e.keyCode == 13) {
//document.getElementsByClassName("a")是通过类名获取元素；[0]是因为通过类获取到的是一个集合或者说是数组，尽管有这个类名的只有一个元素，但是一样要加上[0],这写法就是数组的写法；.value是获取这个文本框的值，-0是因为.value获取到的是字符串，-0是转换成数字。
var a = document.getElementsByClassName("a")[0].value - 0;
var b = document.getElementsByClassName("b")[0].value - 0;
var c = document.getElementsByClassName("c")[0].value - 0;
var d = document.getElementsByClassName("d")[0].value - 0;
var result = (a + b + c) / 3 + d;
res.value = result;
} }
</script>
</body>
</html>
直接用鼠标点击在页面上的按钮的写法就是：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text">+
<input type="text">+
<input type="text">/3+
<input type="text">
<button>=</button>
<input type="text">
<script type="text/javascript">
//通过标签名获取按钮，button就是一个按钮，在页面上显示的样子就是一个按钮，不是键盘上的按键。
var btn = document.getElementsByTagName("button")[0];
var res = document.getElementsByClassName("result")[0];
//点击按钮，触发事件，{}中写的就是触发的内容。
btn.onclick = function() {
//document.getElementsByClassName("a")是通过类名获取元素；[0]是因为通过类获取到的是一个集合或者说是数组，尽管有这个类名的只有一个元素，但是一样要加上[0],这写法就是数组的写法；.value是获取这个文本框的值，-0是因为.value获取到的是字符串，-0是转换成数字。
var a = document.getElementsByClassName("a")[0].value - 0;
var b = document.getElementsByClassName("b")[0].value - 0;
var c = document.getElementsByClassName("c")[0].value - 0;
var d = document.getElementsByClassName("d")[0].value - 0;
var result = (a + b + c) / 3 + d;
res.value = result;
}
</script>
</body>
</html>

『叁』如何用html里用js制作出来两个文本框的值相加答案显示到一个div里面求代码在线等

需要3个文本框获取前两个文本框的value 然后相加让第三个的value去等于他

『肆』 JS:在文本框输入任意一个整数，求该整数的阶乘。通过按钮的单击事件，并将结果显示在结果文本框中。

代码如下：

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>demo1</title>
<metaname="viewport"content="width=device-width,initial-scale=1">
<scripttype="text/javascript">
functioncalc(){
varn=parseInt(document.getElementById("number").value);
if(!n||n<1){
alert('请输入一个大于0的数字。');
return;
}
varresult=1;

for(vari=1;i<=n;i++){
result*=i;
}

document.getElementById("result").innerText=n+'!='+result;
}
</script>
</head>
<body>
<inputid="number"type="text"/><buttononclick="calc()">计算</button>
<br/>
<divid="result"></div>
</body>
</html>

运行结果：

『伍』 js实现向文本框中输入一段文本,统计字母,数字,汉字的个数,并将结果显示

<!DOCTYPEhtml>
<html>
<head>
	<metacharset="utf-8"/>
	<metaname="format-detection"content="telephone=no">
	<title>test</title>
	<styletype="text/css">
		{text-align:center;}
		.div1{
			max-width:1000px;
			margin:50pxauto;
			padding:20px0;
			background-color:#efa;
		}
	</style>
</head>
<body>
	<divclass="div1">
		数字个数是：<spanclass="js-spn">0</span>个<br/>
		英文个数是：<spanclass="js-spn">0</span>个<br/>
		汉子个数是：<spanclass="js-spn">0</span>个</div>
	<inputclass="js-inp-area"type="text"placeholder="请输入字符">
	<scripttype="text/javascript">
		window.onload=function(){
			//varform=document.forms[0];
			varaSpn=document.querySelectorAll(".js-spn");
			varoInp=document.querySelector(".js-inp-area");
			oInp.onblur=function(){
				vartxt=this.value;
				if(txt!==""){
					varre1=/d/g;
					varre2=/[a-zA-Z]/g;
					varre3=/[u4e00-u9fa5]/g;
					varlen1=0,len2=0,len3=0;
					if(txt.match(re1)!=null){
						len1=(txt.match(re1)).length;
						aSpn[0].innerHTML=len1;
					}
					if(txt.match(re2)!=null){
						len2=(txt.match(re2)).length;
						aSpn[1].innerHTML=len2;
					}
					if(txt.match(re3)!=null){
						len3=(txt.match(re3)).length;
						aSpn[2].innerHTML=len3;
					}
				}
			}
			
		}
	</script>
</body>
</html>

input框失去焦点开始统计，具体可以按你需求再改。

『陆』如何用js实现在前两个文本框中输入数字在另外一个做加法运算

实现方法是:给第二个文本框绑定失焦事件,获取第一个和第二个输入框中输入的值,并将其转化成数字类型,相加后将结果插入到第三个文本框中:

<inputtype="text"id="one">

<inputtype="text"id="two">

<inputtype="text"id="three">
<scripttype="text/javascript"src="jquery-1.8.3.min.js"></script>
	<scripttype="text/javascript">
	$('#two').blur(function(){
		varone=Number($('#one').val());
		vartwo=Number($('#two').val());
		varnum=one+two;
		$('#three').html(num);
	})
</script>
//一定要转化才能进行运算,否则会成为字符串连接运算.

『柒』 JS闂棰,澶氫釜鏂囨湰妗嗙殑鍊肩浉鍔,name涓"aa",ID涓"aa1","aa2","aa3",...

document.formname.textname.value = doucment.formname.aa.value + document.formname.bb.value+...document.formname.nn.value;
鍏朵腑formname鏄浣犵殑琛ㄥ崟鍚嶇О銆

閭ｄ綘鍙浠ヨ繖鏍枫備綘鐢熸垚鏂囨湰妗嗙殑鏃跺欒偗瀹氳佺粰姣忎釜鏂囨湰妗嗗彇涓涓猧d.
姣斿傝存湁10涓锛岄偅涔堜綘鍙杋d鐨勬椂鍊欏垎鍒鏄痶xtid1銆乼xtid2銆...txtid10銆傝繖鏍峰氨鏍囧織浜嗕綘鍔ㄦ佺敓瀛樼殑鏂囨湰妗嗭紝鍛靛懙銆
JS:
for(var i =1;i<=10;i++)
{
var name = txtid.concat(i);//鏂囨湰妗嗙殑ID
document.formname.textname.value += document.getElementById(name).value;
}

document.getElementById(name).value灏辨槸鑾峰緱浣犳枃鏈妗嗙殑鍊硷紝鍛靛懙銆

鏅曪紝閭ｄ綘鍔ㄦ佺敓鎴愮殑鏃跺欒侀噸鏂拌剧疆涓涓嬶紝瑕佺煡閬撴湁澶氬皯涓锛屽懙鍛点傚紕涓璁℃暟鍣ㄩ樋銆

『捌』怎么用js实现获得文本框中输入计算公式然后得到它的值不要思路要代码

两个文本框，id为input的文本框内容变化时（onchange）在output文本框中显示getResult方法计算出的结果。
可以在input输入数字*数字+数字*数字+...+数字*数字这样格式的内容，否则不能正常计算，会在output框中提示错误。

<input type="text" id="input" size="100" onchange="document.getElementById('output').value=getResult(this.value)" />
<input type="text" id="output" />
<script language="javascript">
function getResult(str){
str=str.split('+');
var result=0;
for(var i=0;i<str.length;i++){
var temp=str[i].split('*');
if(temp.length<2) return '输入不合法';
for(var j=0;j<2;j++){
if(!isNumber(temp[j])) return '请输入数字';
}
result=result+temp[0]*temp[1];
}
return result;
}
function isNumber(num){
return /^[0-9]*[1-9][0-9]*$/.test(num);
}
</script>

导航:首页 > 编程语言 > 文本框数字计算js

文本框数字计算js

与文本框数字计算js相关的资料

友情链接