在Web開發中，復選框（checkbox）是常見的表單元素之一。當用戶勾選了其中一個或多個復選框時，我們通常需要通過JavaScript獲取所選取的復選框的值，以便進一步處理。 在這種情況下，jQuery為我們提供了一些便利的方法，使得獲取所選取的復選框的值變得更加容易。
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<input type="checkbox" name="fruit" value="apple"> Apple <br>
<input type="checkbox" name="fruit" value="banana"> Banana <br>
<input type="checkbox" name="fruit" value="orange"> Orange <br>
<button id="submit-btn">Submit</button>
<script>
$(document).ready(function(){
$('#submit-btn').click(function(){
//獲取所選的復選框的值
var selectedFruit = [];
$('input[name="fruit"]:checked').each(function(){
selectedFruit.push($(this).val());
});
alert("您選擇的水果是：" + selectedFruit.join(", "));
});
});
</script>
</body>
</html>在以上例子中，我們定義了3個復選框，每個復選框的名稱為“fruit”，值為“apple”、“banana”和“orange”，然后我們為“Submit”按鈕添加了一個點擊事件，該事件會獲取復選框的值并將其顯示在一個彈出窗口中。
為了獲取所選取的復選框的值，我們使用了jQuery的選擇器和.each()方法。選擇器“input[name="fruit"]:checked”將返回所有被選中的名為“fruit”的復選框，然后我們使用.each()方法循環遍歷選中的復選框，將每個選中的復選框的值添加到數組中，最后用.join()方法將數組中的各值以逗號間隔顯示在彈出窗口中。
總之，使用jQuery可以輕松地獲取復選框的值并對其進行進一步處理，這對于Web開發人員來說是非常有用的。