jQuery Mobile复选框+ textarea

Question

我在jQuery Mobile中使用控制组来定位textarea旁边的复选框。

此函数检查复选框中的更改（checked = true / false）并添加一个类来敲击textarea中的文本：

$('body').on('change', 'input[type="checkbox"].todoitem', set_status_todoitem);

这很好，但我的问题是，当点击textarea（模糊/焦点？）时，复选框被选中。我希望能够在不检查复选框的情况下编辑textarea中的文本。另一个问题是，在移动设备上单击时，焦点未在textarea上设置，因此键盘不会出现。

我的html标记如下：

<fieldset id="todoitems" data-role="controlgroup">
    <div class="todoitem" id="id1">
        <input type="checkbox" class="todoitem" id="id1">
        <label for="id1"><textarea class="todoitem" id="id1">Item 1</textarea></label>
    </div>
    <div class="todoitem" id="id2">
        <input type="checkbox" class="todoitem" id="id2">
        <label for="id2"><textarea class="todoitem" id="id2">Item 2</textarea></label>
    </div>
    <div class="todoitem" id="id3">
        <input type="checkbox" class="todoitem" id="id3">
        <label for="id3"><textarea class="todoitem" id="id3">Item 3</textarea></label>
    </div>
</fieldset>

div标签因为我使用的可排序功能而存在。