jQuery development of shopping cart function implementation

In this section we will use jQuery code to implement various functional modules of the shopping cart.

Includes the functions of selecting all, inverting selection, and canceling the click check box of the product.

Use check box to perform all-select operation, use click event, when we click

When selecting all, all are selected. Inverse selection means that all selections are selected by default, and then all selections are deselected when we click. The cancellation operation is also

similar. The difference is that when there is no selection, clicking cancel means selecting; when there is selection, clicking cancel means not selecting.

The product quantity increase and decrease function automatically calculates the subtotal price ofproducts by clicking on the increase or decrease of the product.

Set the id by to operate. When the "+" button is clicked, the product quantity is +1. When the "-" button is clicked, the product quantity is -1. . The item subtotal price and total price will also change accordingly.

There is something that friends need to pay attention to. When the quantity of goods is reduced to 0, clicking the "-" button will cause the quantity of goods to be negative, which is unreasonable.

So when the product quantity is 0, click the "-" button, the product quantity will no longer be -1, and the total product price page will no longer be reduced.

Calculate the total quantity and total price of the selected goods by clicking to select

Note:

lengthAttributes can be set Or return the number of elements in the array