jQuery獲取form表單元素的值

jquery如何

取得text,areatext,radio,checkbox,select的值,以及其他一些操作;假如我們有如下頁面:

...........在此不寫出來了

下面來看怎麼取得form中的各種值等等;

function get_form_value()})}

3.另外對表單的其他處理:

//控制表單元素：

//文字框，文字區域：

$("#text_id").attr("value",'');//清空內容

$("#text_id").attr("value",'test');//填充內容

//多選框checkbox：

$("#chk_id").attr("checked",'');//未選中的值

$("#chk_id").attr("checked",true);//選中的值

if($("#chk_id").attr('checked')==undefined) //判斷是否已經選中

//單選組radio：

$("input[@type=radio]").attr("checked",'10');//設定value=10的單選按鈕為當前選中項

//下拉框select：

$("#select_id").attr("value",'test');//設定value=test的專案為當前選中項

$("test

$("#select_id").empty()；//清空下拉框

開發過程中經常要處理頁面表單元素，如：在下拉框select中獲取selected的value值，在核取方塊checkbox中獲取 checked的value值等，來觸發和呼叫其它頁面表單元素，製作出互動性強，頁面友好的表單。jquery通過元素$(#id)產生乙個 object物件，通過對獲取的物件深入了解，完全可以獲取任何頁面元素中的任何資訊，為了工作方便，我總結了相關jquery操作object物件的方法，獲取下拉框selected，核取方塊和單選框checked，文字框value值，供參考。

表單例項：

一，html部分

二，js部分

$(document).ready(function());

$("#cbuttonid").click(function());

$("#cresult").html("結果:"+check);

});$("#rbuttonid").click(function());

$("#tbuttonid").click(function());

});例項效果如下：(略)

其操作過程如下：

1，jquery獲取object物件，如下拉框select物件，單選框radio物件，核取方塊checkbox物件，文字框text物件；

2，獲取物件值，對於值唯一的元素，如select，radio，text通過get()方法獲取value值，對於資料元素，如checkbox通過 each迴圈獲取value值

為什麼是get(0)？

get(0)如同陣列下標，預設值是從0開始的

例項表明，掌握jquery的object物件呼叫對於獲取表單元素非常有用，可以獲取下拉框selected值，復/單選框checked值，文本text的value值，增強我們製作表單元素的互動性與靈活性，上面例項中主要考慮到jquery物件的呼叫原理，**相對比較多，實際使用中完全可以精簡**行如下：

1，獲取selected值：$("#selectid option:selected").get(0).value

2，獲取radio checked值：$("[name='radioid'][@checked]").get(0).value

3，獲取text value值：$("#textid").get(0).value

獲取表單元素值主要是jquery中get()物件訪問方法，其次是each()方法，記住一點：$(#id)產生的是乙個物件，獲取其中的值完全可以使用jquery物件訪問方法。

jquery物件訪問方法列表如下：

1，each()迴圈，相當於foreach；

2，size()統計個數；

3，length()統計個數；

4，get()單個或多個；

5，index()索引；

jquery提供豐富的object物件訪問方法，通過對訪問物件方法的掌握，輕鬆獲取selected，checked，text等表單值。

jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;

1.假如我們有如下頁面

input

type="

text

"name="

textname"id

="text_id

"value=""

2.下面來看怎麼取得form中的各種值等等;

function

get_form_value()

3.另外對表單的其他處理:

//控制表單元素：

//文字框，文字區域：$(

"#text_id")

.attr("

value",

'');//清空內容$(

"#text_id")

.attr("

value",

'test')

;//填充內容

//多選框 checkbox： $(

"#chk_id")

.attr("

checked",

'');//未選中的值$(

"#chk_id")

.attr("

checked",

true);

//選中的值if(

$("#chk_id")

.attr('

checked')

==undefined

)//判斷是否已經選中

//單選組radio：$(

"input[@type=radio]")

.attr("

checked",

'10')

;//設定value=10的單選按鈕為當前選中項

//下拉框select： $(

"#select_id")

.attr("

value",

'test')

;//設定value=test的專案為當前選中項$(

"test

test2")

.("#select_id")

//新增下拉框的option$(

"#select_id")

.empty()；

//清空下拉框

開啟**

取消來自:

jQuery獲取form表單元素的值

jQuery獲取form表單元素的值

JQUERY獲取form表單值

JQUERY獲取form表單值

jQuery獲取form表單元素的值

jQuery獲取form表單元素的值

JQUERY獲取form表單值

JQUERY獲取form表單值

相關推薦