Heim > php教程 > PHP开发 > Hauptteil

Von jQuery implementierter Funktionscode zum Addieren und Subtrahieren der Anzahl der Warenkorbartikel

高洛峰
Freigeben: 2016-12-06 16:02:00
Original
2062 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die von jQuery implementierte Funktion zum Addieren und Subtrahieren der Anzahl der Artikel im Warenkorb. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Heute ist der Internetnutzer Cui Er auf ein Problem gestoßen, als er Jquery verwendet hat, um den Spezialeffekt des Addierens und Subtrahierens der Anzahl der Artikel im Warenkorb zu implementieren, und hat gefragt Ich habe ihr später geholfen, diesen Jquery-Spezialeffekt zu lösen, und habe ihn jetzt für alle freigegeben. Obwohl die Funktion relativ einfach ist, ist sie sehr praktisch.

Enthält hauptsächlich die folgenden Funktionen:

1. Funktion zur Mengenerhöhung

2. Funktion zur Mengenverringerung

3 >

4. Wenn die Zahl 1 erreicht, wird die Betätigungstaste verkleinert, um das Klicken zu verhindern, und sie wird automatisch wiederhergestellt, wenn die Zahl steigt

5. Die Funktion toFixed() behält die Dezimalzahl bei Punkte sind sehr praktisch

Funktion Der Code lautet wie folgt:

$(function(){
//获得文本框对象
var t = $("#text_box");
//数量增加操作
$("#add").click(function(){
t.val(parseInt(t.val())+1)
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
}
setTotal();
})
//数量减少操作
$("#min").click(function(){
t.val(parseInt(t.val())-1);
if (parseInt(t.val())==1){
$('#min').attr('disabled',true);
}
setTotal();
})
//计算操作
function setTotal(){
$("#total").html((parseInt(t.val())*3.95).toFixed(2));//toFixed()是保留小数点的函数很实用哦
}
//初始化
setTotal();
})
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage