一般取值方法

$("#id").val();

$("#id").attr("value"); 

//其中value是元素的屬性名如<s:textfield  id="cifName" key="cifName"   name="#request.consBean.cifName" />的id,key,name屬性。取到的值是屬性后對應雙引號里面的字符。

function saveConsumerValidate(){     var cifNo =$("#cifNo").val(); //jquery獲取文本框值方法1     var cardType = $("#cardType").attr("value"); //jquery獲取文本框值方法2     var cardNo = document.getElementById("cardNo").value;//DOM獲取值方法

val(),val(val)方法atttr(name),atttr(key,value)方法和value屬性

在用$("#id")來獲得頁面的input元素的時候，發現$("#id").value不能取到值

$("#intro")是一個jquery的選擇器結果是id="intro" 的第一個元素，而不是HTML DOM getElementById() 方法的document.getElement

value是HTML DOM Text對象的一個屬性，設置或返回文本域的 value 屬性的值。

val()是jquery的獲得或設置元素的 DOM 屬性的操作方法。

val()方法：獲得第一個匹配元素的當前值

取值：$("#id").val();|$("element元素").val();/下同　

或者　　$("#id")[0].value;

HTML 代碼:<input type="text" value="some text"/>jQuery 代碼:$("input").val();

 val(val)方法：設置每一個匹配元素的值。

賦值：$("#id").val("new value");　　 

或者　　$("#id")[0].value = "new value";

HTML 代碼:<input type="text"/>jQuery 代碼:$("input").val("hello world!");

attr(name)方法：取得第一個匹配元素的屬性值。通過這個方法可以方便地從第一個匹配元素中獲取一個屬性的值。如果元素沒有相應屬性，則返回 undefined 。

取值：$("#id").attr("value");

HTML 代碼:<img src="test.jpg"/>jQuery 代碼:$("img").attr("src");結果:test.jpg

attr(key,value)方法：為所有匹配的元素設置一個屬性值。

賦值：$("#id").attr(attribute,value);

描述:為所有圖像設置src屬性。HTML 代碼:<img/> <img/>jQuery 代碼:$("img").attr("src","test.jpg");結果:[ <img src= "test.jpg" /> , <img src= "test.jpg" /> ]

以上這篇jquery獲取form表單input元素值的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。