首页 / JQUERY / jquery实现文本框数量加减功能的例子分享

jquery实现文本框数量加减功能的例子分享

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery实现文本框数量加减功能的例子分享，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1748字，纯文字阅读大概需要3分钟。

内容图文

            <!
            DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
            >
            <
            html 
            xmlns
            ="http://www.w3.org/1999/xhtml"
            >
            <
            head
            >
            <
            meta 
            http-equiv
            ="Content-Type"
             content
            ="text/html; charset=utf-8"
            />
            <
            title
            >js数量加减</title><script type="text/javascript" src="http://www.jb51.net/Public/js/jquery.min.js"></script><script type="text/javascript">
$(function(){
 $("#quantity").keyup(function(){
  if(isNaN($(this).val()) || parseInt($(this).val())<1){
   $(this).val("1");
   $("#totalPrice").html($("#price").val());
   return;
  }
  var total = parseFloat($("#price").val())*parseInt($(this).val());
  $("#totalPrice").html(total.toFixed(2));
 })

})
/*商品数量+1*/function numAdd(){
 var num_add = parseInt($("#quantity").val())+1;
 if($("#quantity").val()==""){
  num_add =1;
 }
 $("#quantity").val(num_add);
 var total = parseFloat($("#price").val())*parseInt($("#quantity").val());
 $("#totalPrice").html(total.toFixed(2));
}
/*商品数量-1*/function numDec(){
 var num_dec = parseInt($("#quantity").val())-1;
 if(num_dec<1){
  //购买数量必须大于或等于1  alert("not lt 1");
 }else{
  $("#quantity").val(num_dec);
  var total = parseFloat($("#price").val())*parseInt($("#quantity").val());
  $("#totalPrice").html(total.toFixed(2));
 }
}
</script></head><body><p>Quantity: <span onclick="numDec()">-</span><input type="text" id="quantity"/><span onclick="numAdd()">+</span></p><p class="sdsd">Total Price: <span id="totalPrice">28.10</span></p><input type="hidden" value="28.1" id="price"/><!--单价--></body></html>

 

原文：http://www.cnblogs.com/MissZhao/p/5803241.html

内容总结

以上是互联网集市为您收集整理的jquery实现文本框数量加减功能的例子分享全部内容，希望文章能够帮你解决jquery实现文本框数量加减功能的例子分享所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1157664.html

来源：【匿名】