jQuery为什么更改文本隐藏复选框？

Question

我正在更改文本框的文本，并更新标签，但它隐藏了复选框？谁能告诉我我做错了什么？

这里

http://jsfiddle.net/6mZbm/6/

这里

<input type="text" id="txtInput" width="80px" />
</br>
<label id="lbl" />
</br>
</br>
<input type="checkbox" id="chkUpdate" />

jQuery

$(document).ready(function(event) {

    $('#txtInput').keydown(function(event) {

        $('#lbl').text($('#txtInput').val());
        $('#lbl').change();
    });


    $('#lbl').change(function(event) {
        // alert($('#chkUpdate').size());
        $('#chkUpdate').change();
    });


});

好的，我关闭了标签标签它仍然无法正常工作... 检查更新的小提琴。

EDIT 2 好的，它现在可以工作了，但是我没有得到我想要做的事情，正如从代码中应该清楚的那样，我想 check uncheck （基本上改变）复选框，当标签更新时，但正如您在小提琴（我的和 Muthu Kumaran 提供的）中看到的那样，复选框没有改变其状态？

编辑 3： 这似乎适用于 click() 而不是 change()，但按照 jQuery specification，它不应该也适用于更改吗？？

Answer 1

因为你没有关闭<label>标签，

关闭label标签就可以正常工作了

<label id="lbl"></label>

更新： 工作演示：http://jsfiddle.net/6mZbm/8/

Answer 2

您正在替换包含您的复选框的 <label> 的文本，将您的复选框从标签标签中取出。

Answer 3

随便放

<label id="lbl"></label>