Установите флажок напротив другого текстового поля?

Question

$(document).ready(function() { 
    $("input#Q4_5other").focus(function() { 
     $(this).prev().prop("checked", True); 
    }); 
}); 

Я пытаюсь «проверить» флажок, когда кто-то начинает вводить текстовое поле «Другое». Может ли кто-нибудь поделиться со мной лучшей практикой для этого? Благодарю.

Answer 1

Ответил спрашивающий вопрос в разделе комментариев чуть ниже теперь вопрос спрашивающий продлил вопрос, поэтому я отправлю ответ здесь.

Попытка связать несколько событий 'focus ,blur, keyup', как показано ниже:

$(document).ready(function() { 
    $("#Q4_5other").on('focus blur keyup', function()() { 
     $(this).prev().prop("checked", $.trim($(this).val()) != "");  
    }); 
}); 

Working DEMO

EDIT: - В соответствии с спрашивающий комментарий (поля ввода внутри этикетки) попробуйте это:

$(document).ready(function() { 
    $("#Q4_5other").on('focus blur keyup', function() { 
     $(this).prev().find('input[type=checkbox]').prop("checked",$.trim($(this).val()) != "");  
    }); 
}); 

Working DEMO

ПРИМЕЧАНИЕ. - Поскольку дознаватель не дал структуру DOM, поэтому я просто отправляю ответ в соответствии с ссылкой на веб-сайт, указанный в комментариях ниже вопроса.

Answer 2

fiddle

$(document).ready(function() { 
    $("input").keyup(function() { 
     // alert('d'); 
     $(this).prev("input[type=checkbox]").prop("checked", true);; 
    }); 
}); 

Answer 3

Я предлагаю следующее: проверить при входе, но проверить значение при выходе или редактирование контента

$(function() { 
    $("#Q4_5other") 
    .on('focus', function() { 
     $(this).prev().prop("checked", true); 
    }) 
    .on('blur keyup', function() { 
     $(this).prev().prop("checked", $.trim(this.value)!=""); 
});