文本框數字計算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相關的資料

友情鏈接