jquery - 检查复选框是否被单击？

Question

比如说我有以下内容：

<input type="checkbox" id="chk-box1" name="chk-box1" value="Check 1">Check 1

<input type="text" id="textbox1" name="textbox1" value="">

当单击“chk-box1”时，我可以设置文本框的值：

$('#chk-box1').change(function(){
    var chk = $(this);
    $('#textbox1').val("Textbox 1 is checked")('selected', chk.attr('checked'));
})

但是当未选中该框时，如何将文本框的值设置为空？$('#textbox1').val("")

Answer 1

尝试使用this.checked属性

$('#chk-box1').change(function(){
    if (this.checked) {
       $('#textbox1').val("Textbox 1 is checked"); //('selected', chk.attr('checked'));
    } else {
       $('#textbox1').val("");
    }
})

或者简单地说，

$('#chk-box1').change(function(){
   $('#textbox1').val(this.checked?"Textbox 1 is checked":""); //('selected',     
});

Answer 2

试试这个，

现场演示

如果您想显示消息而不是 true 或 false。

$('#chk-box1').change(function(){      
    if(this.checked)
         $('#textbox1').val("Textbox 1 is checked");
    else
         $('#textbox1').val("");
})