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

尝试绑定点击事件：

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

Answer 2

应该是这样的

$(document).ready(function () {

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

});

检查Demo

Answer 3

我认为最好的解决方案是使用.change()和this.checked，如下所示：

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


$('#check').change(function(){
    var checkChange = this.checked ? 'checked' : 'unchecked';
    $('#txt').val(checkChange);
});

<强> JSFiddle

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

3 个答案: