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

试试这个，

<强> Live Demo

如果你想显示消息而不是真或假。

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

检查是否单击了复选框？

2 个答案: