Fungsi troli beli-belah yang dilaksanakan oleh JQuery (boleh mengurangkan atau menambah produk dan mengira harga secara automatik)_jquery

Klik pada troli beli-belah untuk mengurangkan atau menambah item dan mengira harga secara automatik:

Keranjang beli-belah mungkin mempunyai fungsi sedemikian, iaitu, mengklik butang boleh mengurangkan atau menambah bilangan barang, dan jumlah harga produk boleh dikira dalam masa nyata Berikut adalah contoh kod untuk memperkenalkan cara melaksanakan fungsi ini. Sudah tentu, troli beli-belah yang dilaksanakan oleh simulasi ini sukar dicapai, tetapi anda boleh mendapatkan beberapa inspirasi atau mata pengetahuan yang berkaitan Kodnya adalah seperti berikut:

Harga seunit:1.50

Harga seunit:3.95

Jumlah harga:

Kod di atas melaksanakan fungsi troli beli-belah yang mudah. ​​Berikut ialah pengenalan terperinci kepada proses pelaksanaannya.

Ulasan kod:

3.var t=$(this).parent().find('input[class*=text_box]'), dapatkan kotak teks, teks ini memaparkan bilangan barang yang hendak dibeli.

5.setTotal(), melaksanakan fungsi ini boleh mengira jumlah harga dan memaparkannya.

7.function setTotal(){}, fungsi ini boleh mengira jumlah harga dan memaparkannya.
8.var s=0, isytiharkan pembolehubah, pembolehubah ini digunakan untuk menyimpan jumlah harga.
9.$("#tab td").setiap(fungsi(){
s =parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text() );
});
Anda boleh mengulangi kotak teks dan mendarab dengan harga unit, kemudian menambahnya, dan akhirnya mengira jumlah harga.