jQuery Keyup脚本更新输入值不起作用

Question

我有一个脚本，可以将复选框中的数据属性加起来，我对该脚本进行了修改，以使用户可以将自己的条目手动添加到text input ，从而将keyup函数复制到data-cost=""和debt=""属性，该插件会将总数重新计算到该小提琴右侧的蓝色div框中。 正如您在小提琴中看到的那样，此功能有效

但我也希望复制到data-attributes中的数据也复制到value="" 。 插件使用该值将其显示在右侧的黄色摘要框中，但是每次我修改keyup脚本时，计算都会停止工作，并且该值不会显示在摘要中。

这是小提琴

这是键盘脚本：

function calculateTotalFor(){
    $('#jquery-order-form').data('jprice').onChange();
}
$(function () {
    $(document).on('keyup blur paste', '.balance', function() {  //Changed here
        var $self = $(this),
        $checkbox = $self.closest('li').find('input:checkbox');
        setTimeout(function() {
            var str = $self.val();
            $checkbox.data('cost',str.replace(/^\$/, ''));
            $checkbox.data('debt',str.replace(/^\$/, ''));
            calculateTotalFor();
        }, 0)
    })    
});

Answer 1

我添加了$checkbox.val(str.replace(/^\\$/, '')); 在calculateTotalFor();之前calculateTotalFor(); 而且似乎可行。