我有一个复选框列表，其中一个复选框旁边有一个文本框。我无法更改代码，因为它是从我们的访谈系统自动生成的。
<span class="mrMultipleText"><input type="checkbox" class="mrMultiple" name="LIST10" value="12" id="12"><label for="12"><font face="Verdana,Arial,Helvetica,Sans Serif" color="#000000"><strong>Nyhed</strong></font></label></span><br>
<span class="mrMultipleText"><input type="checkbox" class="mrMultiple" name="LIST10" value="11" id="11"><label for="11"><font face="Verdana,Arial,Helvetica,Sans Serif" color="#000000"><strong>Reklame</strong></font></label></span><br>
<span class="mrMultipleText"><input type="checkbox" class="mrMultiple" name="LIST10" value="15" id="15"><label for="15"><font face="Verdana,Arial,Helvetica,Sans Serif" color="#000000"><strong>Reportage</strong></font></label></span><br>
<span class="mrMultipleText"><input type="checkbox" class="mrMultiple" name="LIST10" value="14" id="14"><label for="14"><font face="Verdana,Arial,Helvetica,Sans Serif" color="#000000"><strong>Artikel</strong></font></label></span><br>
<span class="mrMultipleText"><input type="checkbox" class="mrMultiple" name="LIST10" value="13" id="13"><label for="13"><font face="Verdana,Arial,Helvetica,Sans Serif" color="#000000"><strong>Information</strong></font></label></span><br>
<span class="mrMultipleText"><input type="checkbox" class="mrMultiple" name="LIST10" value="16" id="16"><label for="16"><font face="Verdana,Arial,Helvetica,Sans Serif" color="#000000"><strong>Andet, notér:</strong></font></label></span> <input class="mrEdit" type="text" name="EDIT19" size="40" value=""><br>
<span class="mrSingleText"><input type="checkbox" class="mrSingle" name="LIST10" value="17" id="17"><b><font face="Verdana,Arial,Helvetica,Sans Serif" color="#808080"><strong><label for="17">Ved ikke</label></strong></font></b></span><br>
我正在尝试这样做，当我们的用户在文本框中键入内容时，它会自动标记上一个复选框，如果用户删除了所有文本，则会取消选中该复选框。我似乎无法让它工作。我尝试过使用值长度，触发另一次点击的点击等等。任何帮助都非常感谢！
答案 0 :(得分：0)
编辑：这是一个只需知道文本框的版本。使用jQuery找到该复选框，而不知道它的id。 Fiddle here.
将事件监听器绑定到文本框，检查其.val().length，然后相应地切换复选框.prop('checked')。
这里是fiddle。