javascript - 使用 focusOut jquery 定位多个字段

Question

我有一个实时获取最终价格的功能，但我有多个可以单独填写的输入字段。

这是我的脚本

$('.checkout-contant').focusout(function () {
    var contant = $('.checkout-contant').val();
    var pin = $('.checkout-pin').val();
    var creditcard = $('.checkout-creditcard').val();
    var waardebon = $('.checkout-waardebon').val();

    var totalprice = $('.total.final-price.price').text();
    var newprice = Number(totalprice.replace(/\,/g,'.')) - Number(contant.replace(/\,/g,'.')) - Number(pin.replace(/\,/g,'.')) - Number(creditcard.replace(/\,/g,'.')) - Number(waardebon.replace(/\,/g,'.'));

    $('.resterend-price').val("€ " + newprice.toFixed(2));
});

这有效。但我需要为每个付款选项提供代码，如果客户只想使用 PIN 码付款并填写他用 PIN 码支付 900，并将焦点移出 PIN 输入字段，则也应该运行此代码。

有点像这样:

$('.checkout-contant', '.checkout-pin', '.checkout-creditcard', '.checkout-waardebon').focusout(function () {
    var contant = $('.checkout-contant').val();
    var pin = $('.checkout-pin').val();
    var creditcard = $('.checkout-creditcard').val();
    var waardebon = $('.checkout-waardebon').val();

    var totalprice = $('.total.final-price.price').text();
    var newprice = Number(totalprice.replace(/\,/g,'.')) - Number(contant.replace(/\,/g,'.')) - Number(pin.replace(/\,/g,'.')) - Number(creditcard.replace(/\,/g,'.')) - Number(waardebon.replace(/\,/g,'.'));

    $('.resterend-price').val("€ " + newprice.toFixed(2));
});

但这行不通。

提前致谢。

Answer 1

选择器必须是一个字符串，就像这样......

$('.checkout-contant, .checkout-pin, .checkout-creditcard, .checkout-waardebon').focusout(
  ...
);