1. 程式人生 > >JS 和JQ獲取輸入框的值

JS 和JQ獲取輸入框的值

第一種:

var oName=document.getElementById('name').value;

第二種:給from一個名字然後在JavaScript的地方就可以用form的名字來呼叫form表單裡input元素的value屬性可以得到值

var oName=myform.name.value;

<form name="myform">
			<input type="text" id="name" />
			<button type="submit" onclick="tishi()">提交</button>
		</form>

JQ

	var oName = $("#name").val();此時就通過val()方法來獲取了

首先要清楚獲取到的值是個字串型別,那麼想要讓這個值變成數值型別就需要型別轉換

舉個使用場景:網頁版計算器

var a = document.getElementById("num1").value;
var b = document.getElementById("num2").value;
 
var c1 = parseFloat(a) + parseFloat(b);   //  函式轉換
var c2 = Number(a) + Number(b);  //  強制型別轉換
var c3 = a*1 + b*1;   // a*1將自動轉化為數字型別