체크 박스 열이 선택되는 행 가져 오기 - 녹아웃 JS

Question

녹아웃 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

여기에 업데이트 된 바이올린의 : 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); 
}; 

하지만 n EED는 checked가 Selected는 BookItem true로 설정되어있는 경우들이 선택되어 있는지 확인하기 위해 체크 박스에 바인딩 추가 :

이

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