Question

嗨我试图在用户在输入文本框中键入8位数时检查我的复选框。现在，我可以在用户输入时选中复选框，但我在此处是新的，并且无法弄明白。 THX的帮助。

<input id="thecheckbox" type="checkbox">
<input id="theinput" type="text">

    $("#theinput").keyup(function () {
    if ($(this).val() == "") {
        $("#thecheckbox").prop("checked", false);
    } else {
        $("#thecheckbox").prop("checked", true);
    }
});

$("#thecheckbox").change(function () {
    if (!$(this).is(':checked')) {
        $("#theinput").val("");
    }
});

Answer 1

而不是$(this).val() == ""尝试使用$(this).val().length != 8。

Answer 2

你的意思是这样吗？

＆＃13;

$("#theinput").on('input', function () {
  if (this.value.length >= 8) {
    $("#thecheckbox").prop("checked", true);
  } else {
    $("#thecheckbox").prop("checked", false);
  }
});

/* $("#thecheckbox").change(function () {
  if (!$(this).is(':checked')) {
    $("#theinput").val("");
  }
}); */

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="thecheckbox" type="checkbox">
<input id="theinput" type="text">

＆＃13;

当文本框具有特定字符数时，选中复选框

2 个答案: