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()；//清空下拉框

其操作過程如下：

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物件的呼叫原理，**相對比較多，實際使用中完全可以精簡**行如下：

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

表單例項：

一，html部分

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

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

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

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

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

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

2，size()統計個數；

3，length()統計個數；

4，get()單個或多個；

5，index()索引；

二，js部分

$(document).ready(function());
$("#cbuttonid").click(function());
$("#cresult").html("結果:"+check);
});$("#rbuttonid").click(function());
$("#tbuttonid").click(function());
});

jQuery獲取form表單元素的值

jQuery獲取form表單元素的值

JQUERY獲取form表單值

JQUERY獲取form表單值

jQuery獲取form表單元素的值

jQuery獲取form表單元素的值

JQUERY獲取form表單值

JQUERY獲取form表單值

相關推薦