使用focusOut jquery

时间:2017-01-23 14:59:11

标签: javascript jquery html

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

这是我的脚本

$('.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));
});

这很有效。但是我需要为每个支付选项提供代码,如果客户想要仅使用引脚支付并填写他用引脚支付900并且从引脚输入字段开始关注此代码也应该运行。

有点像这样:

$('.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));
});

但这不起作用。

提前致谢。

1 个答案:

答案 0 :(得分:0)

选择器需要是一个字符串,就像这样......

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