大佬教程收集整理的这篇文章主要介绍了jquery – 如何根据输入类型编号总结值* $(value),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
var quantity = $("#quantity").val(); var ticketprice = $("#ticketprice").val(); var @R_813_10586@l = ticketprice * quantity; $(document).ready(function (E) { $("input").change(function () { var value = 0; $("input[name=quantity]").each(function () { value = value + parseInt($(this).val()); }),$("input[name=jumlah3]").val(@R_813_10586@l); }); });
function wcqib_refresh_quantity_increments() { jQuery("div.quantity:not(.buttons_added),td.quantity:not(.buttons_added)").each(function (a,b) { var c = jQuery(b); c.addClass("buttons_added"),c.children().first().before('<input type="button" value="-" class="minus" />'),c.children().last().after('<input type="button" value="+" class="plus" />'); }); } String.prototype.get@R_944_6221@ls || (String.prototype.get@R_944_6221@ls = function () { var a = this,b = ("" + a).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/); return b ? Math.max(0,(b[1] ? b[1].length : 0) - (b[2] ? +b[2] : 0)) : 0; }),jQuery(document).ready(function () { wcqib_refresh_quantity_increments(); }),jQuery(document).on("updated_wc_div",function () { wcqib_refresh_quantity_increments(); }),jQuery(document).on("click",".plus,.minus",function () { var a = jQuery(this).closest(".quantity").find(".qty"),b = parseFloat(a.val()),c = parseFloat(a.attr("max")),d = parseFloat(a.attr("min")),e = a.attr("step"); b && "" !== b && "NaN" !== b || (b = 0),"" !== c && "NaN" !== c || (c = ""),"" !== d && "NaN" !== d || (d = 0),"any" !== e && "" !== e && void 0 !== e && "NaN" !== parseFloat(E) || (e = 1),jQuery(this).is(".plus") ? c && b >= c ? a.val(C) : a.val((b + parseFloat(E)).toFixed(e.get@R_944_6221@ls())) : d && b <= d ? a.val(d) : b > 0 && a.val((b - parseFloat(E)).toFixed(e.get@R_944_6221@ls())),a.trigger("change"); });
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="ui-grid-a"> <div class="quantity buttons_added"> <table class="registration-form" id="registration-form"> <tr> <td> <div class="ui-block-a"> <div id="test"> <input type="button" value="-" class="minus" id="jumlah" name="jumlah"> </div> </div> <div class="ui-block-b"> <input type="number" step="1" min="1" max="10" id="quantity" name="quantity" value="1" title="Qty" class="input-text qty text" size="6" pattern="" inputmode="" readonly> </div> <div class="ui-block-c"> <div id="test2"> <input type="button" value="+" class="plus" id="jumlah2" name="jumlah2"> </div> </div> </td> </tr> </table> <div id="test3"> <input type="text" value="0" id="jumlah3" name="jumlah3" readonly> </div> </div> </div>
如何自动汇总输入值?
如果票价为100:
$(document).ready(function(){ var ticketprice = 100 ; var quantity ; $('input[type=button]').click(function(){ quantity = parseInt( $("#quantity").val() ) ; if(this.className == 'minus' ) quantity = (quantity - 1) < 0 ? 0 : (quantity - 1) ; else if (this.className == 'plus') quantity = quantity + 1 ; $("#quantity").val(quantity); $("input[name=jumlah3]").val( quantity * ticketprice ) ; }) })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <div class="ui-grid-a"> <div class="quantity buttons_added"> <table class="registration-form" id="registration-form"> <tr> <td> <div class="ui-block-a"> <div id="test"> <input type="button" value="-" class="minus" id="jumlah" name="jumlah"> </div> </div> <div class="ui-block-b"> <input type="number" step="1" min="1" max="10" id="quantity" name="quantity" value="1" title="Qty" class="input-text qty text" size="6" pattern="" inputmode="" readonly> </div> <div class="ui-block-c"> <div id="test2"> <input type="button" value="+" class="plus" id="jumlah2" name="jumlah2"> </div> </div> </td> </tr> </table> <div id="test3"> <input type="text" value="100" id="jumlah3" name="jumlah3" readonly> </div> </div> </div>
以上是大佬教程为你收集整理的jquery – 如何根据输入类型编号总结值* $(value)全部内容,希望文章能够帮你解决jquery – 如何根据输入类型编号总结值* $(value)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。