jQuery是一種流行的JavaScript庫(kù)，用于簡(jiǎn)化在網(wǎng)頁(yè)上使用JavaScript的編碼。在很多網(wǎng)頁(yè)上，有一種HTML元素稱(chēng)為checkbox，它允許用戶從多項(xiàng)選擇中選擇一個(gè)或多個(gè)選項(xiàng)。在本文中，我們將學(xué)習(xí)如何使用jQuery獲取選中的checkbox的值。

<!-- HTML代碼 -->
<input type="checkbox" name="fruit" value="apple">蘋(píng)果</input>
<input type="checkbox" name="fruit" value="banana">香蕉</input>
<input type="checkbox" name="fruit" value="orange">橙子</input>
<button id="submit">提交</button>

在上面的代碼中，我們創(chuàng)建了三個(gè)復(fù)選框，分別表示蘋(píng)果，香蕉和橙子。他們都有相同的name屬性，這意味著它們之間是相互獨(dú)立的。我們還創(chuàng)建了一個(gè)提交按鈕。

接下來(lái)，我們使用jQuery編寫(xiě)JavaScript代碼來(lái)獲取選中的復(fù)選框的值：

//jQuery代碼
$("#submit").click(function(){
var fruits = new Array(); //創(chuàng)建一個(gè)數(shù)組用于保存選中的水果
$("input[type='checkbox']").each(function(){
if($(this).prop("checked")){ //檢查復(fù)選框是否被選中
fruits.push($(this).val()); //將選中的水果值添加到數(shù)組中
}
});
alert("你選擇的水果是：" + fruits.join(", "));
});

上面的代碼中，我們使用jQuery的click()方法來(lái)監(jiān)聽(tīng)提交按鈕的點(diǎn)擊事件。當(dāng)按鈕被點(diǎn)擊時(shí)，我們創(chuàng)建了一個(gè)名為fruits的數(shù)組，用于保存選中的水果。然后我們使用jQuery的each()方法來(lái)遍歷所有的復(fù)選框。在每個(gè)復(fù)選框內(nèi)部，我們使用jQuery的prop()方法來(lái)檢查復(fù)選框是否被選中。如果復(fù)選框已被選中，則使用jQuery的val()方法獲取它的值，并將值添加到fruits數(shù)組中。最后，我們使用alert()方法向用戶顯示選中的水果。

這樣，就可以使用jQuery輕松地獲取選中的復(fù)選框的值了。請(qǐng)記住，您可以根據(jù)您的具體需求進(jìn)行修改，以使它適用于您的網(wǎng)站。