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将自动转化为数字类型

猜你喜欢

转载自blog.csdn.net/QingXu1234/article/details/81589538