jquery獲取form表單input元素值的簡單實(shí)例

更新時(shí)間：2016年05月30日 10:50:15 投稿：jingxian

下面小編就為大家?guī)硪黄猨query獲取form表單input元素值的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

一般取值方法

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

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

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

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元素的時(shí)候，發(fā)現(xiàn)$("#id").value不能取到值

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

value是HTML DOM Text對(duì)象的一個(gè)屬性，設(shè)置或返回文本域的 value 屬性的值。

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

val()方法：獲得第一個(gè)匹配元素的當(dāng)前值

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

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

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

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

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

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

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

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

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

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

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

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

描述:
為所有圖像設(shè)置src屬性。

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

以上這篇jquery獲取form表單input元素值的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: