JS 和JQ獲取輸入框的值
阿新 • • 發佈:2019-02-05
第一種:
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將自動轉化為數字型別