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

时间:2012-10-19 09:38:30

标签: jquery jquery-selectors

我正在查看文本框的文本,并且正在修改标签,但它隐藏了复选框?谁能告诉我我做错了什么?

下面

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();
    });


});

好的,我关闭了标签标签,但它还没有工作...... 检查更新的小提琴。

编辑2 好了它现在正在工作,但我没有得到我想做的事情,从代码中应该清楚,我想要check uncheck(基本上更改标签更新时的复选框,但正如您在小提琴中看到的那样(我和Muthu Kumaran提供的那个),复选框是不是在改变它的状态?

编辑3:这似乎适用于click()而不是change(),但根据jQuery specification,它是否也不适用于更改?

3 个答案:

答案 0 :(得分:4)

因为您没有关闭<label>代码,

关闭标签标签,它可以正常工作

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

<强>更新 工作演示:http://jsfiddle.net/6mZbm/8/

答案 1 :(得分:0)

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

答案 2 :(得分:0)

刚刚放

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