jQuery購物車全選事件

$(document).ready(function(){
// 點擊全選
$('#checkAll').click(function(){
$('input[type="checkbox"]').prop('checked', $(this).prop('checked'));
});
// 點擊單個復選框
$('input[type="checkbox"]').click(function(){
// 如果有未選中的，不全選
if($('input[type="checkbox"]').not(':checked').length > 0){
$('#checkAll').prop('checked', false);
}
else{
$('#checkAll').prop('checked', true);
}
});
});

以上是實現購物車全選事件的jQuery代碼。

當我們在購物車中，需要操作多個商品時，全選按鈕會成為一個必不可少的功能。

在jQuery中，可以通過給全選按鈕和單個復選框都添加相同的name屬性，然后在代碼中使用prop方法來修改checked屬性，從而實現全選和取消全選的功能。

代碼中的click事件監聽器，可以實時檢測復選框的選中狀態，并做出相應的響應。當有未選中的商品時，全選按鈕會自動取消選中；當所有商品都被選中時，全選按鈕會自動選中。

在開發購物車功能時，掌握jQuery的全選事件寫法，能夠讓用戶體驗更加流暢，提高開發效率。同時，也能為我們開發其他復雜的交互功能提供更多的思路。