Yes i would like to add it
into my JS file. It would be like this correct?
jQuery(document).ready(function($) {
// Handle checkbox changes for
individual items
$(document).on('change', '
input[name="
selected_items[]"]', function() {
update
SelectedItemsAndSyncCart();
});
// Handle "
Select All" checkbox change
$(document).on('change', '#
select-all-items', function() {
var isChecked = $(this).is(':checked');
$('
input[name="
selected_items[]"]').prop('checked', isChecked);
update
SelectedItemsAndSyncCart();
});
// Function to collect
selected items and send AJAX request
function update
SelectedItemsAndSyncCart() {
let
selectedItems = [];
// Collect
selected item keys
$('
input[name="
selected_items[]"]:checked').each(function() {
selectedItems.push($(this).val());
});
// Send AJAX request to update cart
$.ajax({
url: wc_cart_params.ajax_url,
type: 'POST',
data: {
action: 'update_
selected_cart_items',
selected_items:
selectedItems
},
success: function(response) {
if (response) {
// Refresh cart fragments and update checkout
$('body').trigger('wc_fragment_refresh');
$('body').trigger('update_checkout');
// Update "
Select All" checkbox state
const
allCheckboxes = $('
input[name="
selected_items[]"]');
const checked
Checkboxes =
allCheckboxes.filter(':checked');
$('#
select-all-items').prop('checked',
allCheckboxes.length === checked
Checkboxes.length);
}
}
});
}
});
// Add "
Select All" checkbox dynamic
ally to cart
if ($('#
select-all-items').length === 0) {
$('.woocommerce
-cart
-form__contents').before(
'<div class="
select-all-wrapper" style="marg
in: 15px 0;">' +
' <label><
input type="checkbox" id="
select-all-items">
Select All</label>' +
'</div>'
);
}
博客内容仅提供了一个链接 http://jroller.com/page/coreteam/?anchor=select_all_the_checkboxes_in ，推测可能与勾选所有复选框的操作相关，但缺乏更多详细信息。
扫一扫
2322
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
