jQuery Selectable设置选定的类

Question

我有这张桌子：

<table id="tbl" border="1">
<thead>
<tr>
    <th>Action</th>
    <th>Note</th>
</tr>
</thead>
<tbody>
<tr>
    <td class="action"><input class="action_1" type="checkbox"></td>
    <td>Note1</td>
</tr>
<tr>
    <td class="action"><input class="action_2" type="checkbox"></td>
    <td>Note2</td>
</tr>
<tr>
    <td class="action"><input class="action_3" type="checkbox"></td>
    <td>Note3</td>
</tr>
<tr>
    <td class="action"><input class="action_4" type="checkbox"></td>
    <td>Note4</td>
</tr>
</tbody>

我需要选择带有“ action”类的td并将复选框选中（如果已选中）在“ on”位置。 我的js：

  $('.action').selectable({
            stop:function (event,ui) {
                $('input.ui-selected').each(function () {
                    console.log($(this).attr('class'));
                   $(this).prop('checked', true);
                });
            }
        });

在Fox示例中，我选择了2到4行，但是它仅检查了第一个输入，因为只有第一个输入具有“ ui-selected”类。如何将“ ui-selected”设置为所有选定的输入？