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将checked属性设置为true。

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

Answer 2

我认为这会解决问题：

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

http://jsfiddle.net/aalouv/S7cNM/

Answer 3

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

我希望这会有所帮助

Answer 4

首先获取输入字段$("#pro").val().length中文本的长度，如果长度大于或等于5，则选中复选框$("#olt3").prop("checked", true)。

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

jquery：填写文本框（最少5个字符）并勾选复选框

4 个答案: