jquery - 输入字段无法从数据默认属性中获取正确的值

Question

我有一些带有输入字段的表行；对于每个字段，我设置一个数据默认属性:在输入更改的情况下，我有办法返回到默认值，选择数据默认值

对于每一行，我还有一个复选框:如果选中，字段值将变为“0:00”(它是“小时:分钟”格式)；如果未选中，值应恢复为默认值

问题来了:未选中时，输入字段不会切换为默认值，而是变为空。这是我的代码:

$('.cb').click(function(){
    var el = $(this);
    var parent = el.closest('tr');
    if (el.is(':checked')) {
        parent.find('.timepicker').val('0:00');
    } else {        
        parent.find('.timepicker').val($(this).data('default'));
    }
});

这是 JS fiddle :http://jsfiddle.net/w17ffqxy/

请问有什么帮助吗？

Answer 1

你可以试试这个:

$('.cb').click(function(){
    var el = $(this);
    var parent = el.closest('tr');
    if (el.is(':checked')) {
        parent.find('.timepicker').val('0:00');
    } else {        
        parent.find('.timepicker').each(function(){
            $(this).val($(this).attr('data-default'));
        });
    }
});

这是DEMO .