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

提前感谢您的帮助。

Answer 1

<强> Live Demo

基本上，您只需要检查 keyup 上输入的长度，如果符合您的条件，请使用 prop将选中的属性设置为 true。

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