jquery - 如果选中复选框，则更改文本框文本

Question

我想根据是否选中复选框来更改文本框文本。因此，如果用户选中复选框，文本框会显示一些文本，如果用户取消选中复选框，则会显示一些不同的文本。

HTML:

<input id="check" type="checkbox" />
<input id="txt" type="text" value="aaaa" />

jQuery:

$('input[type=checkbox]').each(function () {
    if (!$('input[type=checkbox]').is(':checked')) {
        $('#txt').val('checked');
    }
    else{
        $('#txt').val('unchecked');
    }
});

JSFiddle Demo

Answer 1

尝试绑定(bind)到点击事件:

$('input[type=checkbox]').click(function () {
    if ($('input[type=checkbox]').is(':checked')) {
        $('#txt').val('checked');
    }
    else{
        $('#txt').val('unchecked');
    }
});