jquery表單物件操作

在jquery中這三個函式如果有引數的話就是賦值操作，沒有引數則是取值操作，其中val()是乙個很重要的方法，和它相關的表單物件如：input系的標籤、select、textarea等都是用於和伺服器端互動的標籤元素，所以要搞清楚這個val（）；

對於radio、checkbox、select的賦值操作：

**如下:
$("input[name=a]").val(["娛樂1"]); 
$("input[type=checkbox]").val(["籃球", "遊戲"]); 
$("select").val(["籃球", "遊戲"]);

**分析：

對radio賦值，屬性選擇器獲取radio；

對checkbox賦值，屬性選擇器獲取checkbox,賦值用中括號,如果是多個值的話中間用逗號隔開；

對select賦值,通過標籤選擇器獲取select，

對於radio、checkbox、select的取值操作：

**如下:
var checkvalue = ""; 
var s = $("input[name=a]:checked").val(); 
$(":checkbox:checked").each(function() ); 
var selectvalue = ""; 
$("select :selected").each(function() ); 
alert("checkvalue:" + checkvalue + "radiovalue:" + s + "selectvalue:" + selectvalue);

**分析：

宣告乙個s的變數用於接收name=a的radio的被選正的值，也可以寫作var s=$(":radio:checked").val()，:radio可以理解為type=radio的input元素，是屬性選擇器的一種簡化寫法;

獲取checkbox的被選中的值，因為checkbox是乙個多選框，所以要用each對每乙個選中項進行處理，也可以根據屬性選擇器寫作： $("input[type=checkbox]:checked")；

對於select當屬性multiple ="multiple"時，可以多選，這裡也用each進行遍歷處理；

小結：

對於input系的標籤元素我們可以使用屬性選擇器獲取： $("input[type=checkbox]")，也可以通過簡潔的方式: $(":checkbox"),類似的有：

:radio、:submit、:image、:reset、:button、:file、:hidden、:password、:text;

$(":input")選取所有的和元素

對於radio、checkbox獲取被選正的項用:checked,而對於select則用:selected( $("select :selected")、 $(":radio:checked").val();)

**如下: 足球籃球看書遊戲娛樂1 娛樂2娛樂3 籃球足球看書遊戲

jquery表單物件操作

JQuery 表單常見操作

JQuery操作表單控制項

jQuery 之表單操作

jquery表單物件操作

JQuery 表單常見操作

JQuery操作表單控制項

jQuery 之表單操作

相關推薦