У меня есть эта таблица:
<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>
И мне нужно выбрать td с классом «action» и установить флажок «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" для всех выбранных входов?