jQuery是一個偉大的庫,它的一個更強大的功能是可以創建購物車全選功能。
通過以下的代碼段,您可以輕松地為您的購物車添加全選功能:
$(function() { // 獲取所有復選框并添加click事件 $('input[type="checkbox"]').click(function() { // 如果點擊的是全選,則全選或取消全選 if ($(this).attr('id') === 'check-all') { $('input[type="checkbox"]').prop('checked', $(this).prop('checked')); } else { // 如果有任意一個未選中,則取消全選 if ($('input[type="checkbox"]').not('#check-all').not(':checked').length > 0) { $('#check-all').prop('checked', false); } else { // 否則選中全選 $('#check-all').prop('checked', true); } } }); });
以上代碼段會遍歷所有的checkbox,如果有任意一個未選中,那么全選就會被取消選中。如果所有的都選中了,全選就會被選中。
使用以上代碼,您可以滿足您的網站或應用程序的購物車全選功能需求。
上一篇css怎么找父元素
下一篇css怎么把圖案位置