jquery：テキストボックス（5文字以上）に記入し、チェックボックスにチェックを入れます

Question

ユーザがそれに続くテキストボックスを入力するかどうかをチェックしたいチェックボックスがあります。このチェックボックスをオンにするには、5文字以上でなければなりません。

<input type="checkbox" id="olt3" name="olt3" <?php if (!empty($mychecklist->pro)) echo 'checked' ?>> 

<input type="text" id="pro" name="pro" value="<?php echo $mychecklist->pro?>">Please supply your ID 

ご協力いただきありがとうございます。私は、これは基本的にあなただけのLENGをチェックする必要が

Answer 1

Live Demo

役に立てば幸い

$("#pro").bind("keyup", function(){ 
    var checked = ($(this).val().length >= 5); 
    $("#olt3").attr("checked", checked); 
}); 

​​

Answer 2

私は、これはトリックを行います考えて入力がkeyupの場合、条件に合致する場合はpropを使用してcheckedプロパティをtrueに設定します。

$('#pro').keyup(function(){ 
    if(this.value.length > 4){ 
     $('#olt3').prop('checked', true); 
    }else{ 
     $('#olt3').prop('checked', false); 
    } 
}); 

Answer 3

$(document).ready(function() { 
    $("pro").keypress(function() 
    { 
     $('#olt3').checked = $(this).val().length >=5 ? true : false; 
    }); 
}); 

：

Answer 4

第一の長さは、チェックボックスをチェック$("#olt3").prop("checked", true)より、大きいかまたは5に等しい場合、入力フィールド$("#pro").val().lengthのテキストの長さを取得します。

$("input").keyup(function() { 
     var length = $("#pro").val().length; 
     if(length >= 5){ 
     $("#olt3").prop("checked", true); 
     } 
    }).keyup();