javascript - 输入字段(文本框)有值时选中/取消选中复选框

Question

我想在用户取消选中复选框时清除输入字段(文本框)的值。

当用户在字段中键入内容时，我想选中该复选框。

编辑:有趣的是，你是如何因为完全按照 StackOverflow 的建议去做而得到反对票的: https://blog.stackoverflow.com/2011/07/its-ok-to-ask-and-answer-your-own-questions/

Answer 1

使用这个 HTML:

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

你可以使用这个 javascript:

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

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

它在使用键盘进行制表和/或选中复选框时有效。

http://jsfiddle.net/B39Yq/