復選框觸發輸入，反之亦然

Question

我目前正在處理表單，並且需要執行以下操作：

如果選中了輸入字段（在這種情況下為數量字段）旁邊的復選框，則將輸入設置為“ 1”。 如果數量字段大於1，則該復選框保持選中狀態。

如果未選中此復選框，則將qty字段重置為0。或者，如果用戶在qty字段中輸入0，則也取消選中該復選框

問題

• 增加按鈕當前需要單擊兩次以增加數量
• 當數量字段的數字> 0，然后減小為0時，增加按鈕將不再起作用。

誰能以我的方式發現錯誤？

jQuery('.exhibitorBooking--table .desc input[type="checkbox"]').on('change', function(){
        if(this.checked){
            jQuery(this).parents('tr').find('.qty-field input[type="text"]').val('1');
        } else {
            jQuery(this).parents('tr').find('.qty-field input[type="text"]').val('0');
        }
    });
    jQuery('.exhibitorBooking--table .qty-field input[type="text"]').on('change', function(){
        if(jQuery(this).val() == 0){
            jQuery(this).parents('tr').find('input[type="checkbox"]').attr('checked', false);
        } else if(jQuery(this).val() == 1) {
            jQuery(this).parents('tr').find('input[type="checkbox"]').trigger('change').attr('checked', true);
        } else {
            jQuery(this).parents('tr').find('input[type="checkbox"]').attr('checked', true);
        }
    });

JSFiddle

Answer 1

jQuery(document).ready(function() {
    $('#chkStand-1-1').on('change', function() {
        var value = $(this).is(':checked') ? 1 : 0;
        $('.input-text').val(value);
    });

    $('.input-text').on('keyup', function() {
        $('#chkStand-1-1').prop('checked', (parseInt($(this).val(), 10) > 0));
    });
});

演示： https : //jsfiddle.net/tusharj/01s04dw4/1/