jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何根据输入类型编号总结值* $(value)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
JS:

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);
  });
});

数量在此JS文件中的JQuery上运行:

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>

如何自动汇总输入值?

目前,当我增加数量时,显示的总价格值不会改变并保持为票价* 1.

因此,例如,如果1个数量的票价是50美元,当我更改为2个数量时,它仍然是50美元而不是100美元.

@H_874_26@解决方法
试试这个:

如果票价为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,请注明来意。