javascript - 用于更新输入值的 Jquery Keyup 脚本不起作用

Question

我有一个脚本可以从复选框中添加数据属性，我修改了脚本以允许用户手动将他们自己的条目添加到 keyup 函数复制到的 text input 中data-cost="" 和 debt="" 属性，一个插件将总数重新计算到这个 Fiddle 右侧的蓝色 div 框中.正如您在 fiddle 中所见，此功能有效

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

这是 Fiddle

这是键盘脚本:

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

我在 calculateTotalFor(); 之前添加了 $checkbox.val(str.replace(/^\$/, '')); 并且它似乎有效。