jquery - 更改事件在这种情况下不起作用

Question

<table>
<tr>
<td><input type='checkbox'><span>Text1</span><input type='text'></td>
</tr>
<tr>
<td><input type='checkbox'><span>Text2</span></td>
</tr>
<tr>
<td><input type='checkbox'><span>Text3</span></td>
</tr>
<tr>
<td><input type='radio'><span>None of all</span></td>
</tr>
</table>

下面是我的 jQuery 代码..

$(':checkbox').live('change',function()
            {
                $(':radio').prop('checked',!$(this).prop('checked'));
            });
$(':radio').live('change',function()
            {
                $(':checkbox').prop('checked',!$(this).prop('checked'));
            });

$('table :text').live('keyup', function() {
var um = $(this).closest('td').find('input');
if ($(this).val().length > 0) {
    um.prop('checked', true);
}
else {
    um.prop('checked', false);
}
});

上面的代码将执行的操作是

 1. Checkboxes and Radio button are mutually exclusive
 2. On change of a textbox automatically the checkbox inside its parent will checked/unchecked.

但是

我担心的是，当我第一次单击单选按钮时，如果我更改文本框中的文本，则复选框将被选中，但单选按钮仍处于未选中状态..为什么会发生这种情况..请帮助我这个..

Answer 1

自动完成插件也有同样的问题，其中的选择更改了文本元素，但没有触发更改事件。您可以添加一个

um.trigger("change");

在 if/else 之后