應(yīng)用場景：

陸豐網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,陸豐網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為陸豐近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的陸豐做網(wǎng)站的公司定做！

我們應(yīng)該經(jīng)常見到系統(tǒng)中出現(xiàn)列表，會有一個對列表數(shù)據(jù)的操作（如刪除， 修改，查看等）。我們可以在每個列表項后面加一個刪除按鈕，把列表項的相關(guān)參數(shù)（如 id）post到后臺進行刪除。當(dāng)然如果你每次只要刪除一兩條數(shù)據(jù)這樣子做并沒有什么問題，但是如果你需要一次性刪 除100條，你還去一條 條的刪除嗎？每一次刪除10條會不會更好些呢？

好了，接下來。我們就使用jQuery解決這個問題。

首先，假設(shè)我們需要刪除5個列表項。HTML里面列表標(biāo)簽是ul和ol, 其中ul是無序的，而ol是有序。每一個列表項使用li。

 
蘋果
 
梨子
 
芒果
 
山楂
 
香蕉

假設(shè)我們只需傳遞水果的ID到后臺就可以刪除所有水果。那么傳遞一個數(shù)組為[0001,0002,0003,0004,0005]到后臺就可以了。所以，我們需要獲取5個li元素中input標(biāo)簽的value值。

很明顯，你的思路可能是利用jQuery篩選器先得到li下的input對象數(shù)組，再遍歷這個數(shù)組，判斷每一個input對象,然后判斷input對象是否選中，選中就用val()函數(shù)獲取它的值，然后把該值放入一個用來存儲id的數(shù)組arr中。

【關(guān)鍵點】選擇器，遍歷，數(shù)組。

1.獲取被選中的數(shù)組對象

jQuery的選擇器中' :checkbox' 是查找所有復(fù)選框。

$("#fruit :checkbox");

2.遍歷這個對象數(shù)組

jQeury的each函數(shù)：為每個匹配元素規(guī)定運行的函數(shù)。

each函數(shù)：

語法：

$(selector).each(function(index,element))

遍歷后，判斷復(fù)選框是否被選中.

Jquery的prop函數(shù)(prop函數(shù)是jQuery1.6版本上的):

prop(name|properties|key,value|fn)

獲取在匹配的元素集中的第一個元素的屬性值。隨著一些內(nèi)置屬性的DOM元素 或window對象，如果試圖將刪除該屬性，瀏覽器可能會產(chǎn)生錯誤。jQuery第一次分配undefined值的屬性，而忽略了瀏覽器生成的任何錯誤

[注意]key,function(index,attr)中返回的屬性值的函數(shù)，第一個參數(shù)為當(dāng)前
 元素的索引值，第二個參數(shù)為原先的屬性值。

示例：

1.參數(shù)name的描述：

選中復(fù)選框的為true, 沒選中為false

選中：

$("input[type='checkbox']").prop("checked"，true);

沒選中：

$("input[type='checkbox']").prop("checked"，false);

2.參數(shù)perporties描述：

禁用頁面上的所有復(fù)選框。

$("input[type='checkbox']").prop({disabled:true});

3.參數(shù)key,回調(diào)函數(shù)描述：

通過函數(shù)來設(shè)置所有頁面上的復(fù)選框反選。

$("input[type='checkbox']").prop("checked",fucntion(i, val){
 return !val;
});

3.數(shù)組

 這個最簡單。jQuery定義一個數(shù)組。

var arr = new Array();

所以最后的代碼：

 
 
 


 

  
選擇要購買的水果
  

   
蘋果
   
雪梨
   
芒果
   
菠蘿
  
  
  全選
  全不選
  反選
  購買
  
 

至此，jQuery實現(xiàn)了復(fù)選框的取值，是不是非常簡單？

總結(jié)

以上所述是小編給大家介紹的jQuery實現(xiàn)獲取選中復(fù)選框的值，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！