javascript - 如果输入框有内容，则选中复选框

Question

我想在 jquery 中创建一个函数，如果输入文本框有内容，请选中该复选框。如果它是空白的，请取消选中该复选框。

<form>
<input class="boxcheck" type="checkbox">
checkbox

<input class="boxtext" type="text">
text here 
</form>

复选框和文本输入一开始是空的，但如果用户决定在文本框中写入内容，如果用户尚未选中复选框，则应该自动选中该复选框。

另一个问题可能是用户将键入一些内容并且此功能将选中复选框，但如果用户返回输入框并删除输入框中的内容，复选框也应该自动取消选中。

我能想到的最后一个问题是，如果用户在文本框中写了一些东西，这个函数选中了复选框，但用户出于某种奇怪的原因取消选中了复选框，是否有可能再次强制选中复选框？

我一直在玩弄 keyup 和 prop 触发器，但我完全没有运气。我对 JavaScript 也很陌生。

我一直在玩的代码是这样的:

    $('input[text]').keyup(function(){
    if (this.value.length > 0) {
       $('input[name="checkbox"]').prop('disabled', false)
    } else {
})  

Answer 1

使用keyup()检查 val 的功能和检查取消选中复选框的条件试试这个

 $(".boxtext").keyup(function(){
   if($(this).val()!= ""){
     $('.boxcheck').prop('checked',true);
   }else{
     $('.boxcheck').prop('checked',false);
   }
})

已更新

对于你的最后一个问题..我认为如果你禁用你的复选框会更好..这样用户将无法取消选中...

 $('.boxcheck').prop('disabled',true);

updated fiddle