javascript - 获取选中复选框列的行-knockout JS

Question

我对 Knockout JS 完全陌生。我有一个表，其中一列是输入类型复选框。在 html 表的末尾我有一个按钮“添加”。现在我想做的是单击“添加”按钮，我应该能够获取选中复选框的所有行。

HTML

<table>
        <thead>
            <tr>
                <th>Add Data</th>
            </tr>
        </thead>
        <tbody data-bind="foreach: SearchResult">
            <tr>
                <td data-bind="text: Name"></td>
                <td><input type="checkbox" class="" data-bind="checked: selectedArray"/></td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td><button type="button" id="addButton" data-bind="click: AddSelection">Add</button></td>
            </tr>
        </tfoot>
    </table>

现在谁能告诉我如何获取选中复选框列的所有行。我已经经历过这个，但这对我不起作用。

send information from multiple checkbox to array Knockout js

仅供引用 http://jsfiddle.net/smsharma/u9ts4uvf/

Answer 1

这是更新后的 fiddle :http://jsfiddle.net/u9ts4uvf/1/

您可以创建一个 addItem 函数，该函数创建一个新项目，并将其添加到数组 availableItems 中:

self.addItem = function() {
    var item = new BookItem(1, 'Lorem Ipsum', '$0.99');
    item.Selected(true);
    self.availableItems.push(item);
};

但您还需要向复选框添加 checked 绑定(bind)，以确保在 BookItem 的 Selected 设置为 true 时检查它们:

<input type="checkbox" data-bind="value: id(), click: $root.toggleAssociation, checked: Selected" />