JQuery/Javascript - 확인 된 모든 내용을 당겨 목록에 넣습니다.

Question

현재 우리는 사용자가이 내용을 사용하고 있음을 나타내는 "확인"할 수있는 데이터베이스의 데이터 묶음이있는 테이블을 가지고 있습니다. 또한 반환 사용자 인 경우 이전에 제출 한 항목이 onload인지 확인하기 위해 미리 채워집니다. 이 데이터 목록은 길기 때문에 어떤 데이터가 선택되었는지 알기가 어렵 기 때문에 내가하고 싶은 일은 옆에있는 내용의 목록을 표시하는 것입니다. 처음 실행하는 데 그다지 어렵지는 않지만 사용자가 선택을 취소하고 다른 데이터를 확인하면서 업데이트 된 상태로 유지하고 싶습니다.

확인란을 미리 채울 때 .click을 사용하여 여러 상자를 확인 했으므로 표시 방법을 클릭 한 콘텐츠를 추가하거나 표시에서 제거하는 click 이벤트에 대한 함수가 있어야한다고 생각합니다. . 파이썬은 않습니다 및 그래서 그것을로 배열에 항목을 추가하거나 제거하는 가장 좋은 방법의 확실하지 않다으로

이

1. 자바 스크립트 방식으로 목록을 지원하지 않습니다 : 나는에 실행 한 주요 문제가 있다는 것입니다 간다.
2. 체크 된 데이터의 내용을 가져 와서 목록에 추가하는 방법.

프로그램에이 하나의 입력란보다 많은 정보가 포함되어있어이 코드 스 니펫이 어느 정도 도움이 될지 잘 모릅니다. 그것을하기위한 쉬운 방법은 다른 텍스트 값을 포함하는 여러 항목이있는 기본 체크 박스를 만들고 이미 가지고있는 코드에 대해 걱정하지 않고 체크 된 항목의 배열을 인쇄하도록하는 것입니다.

<div id="technologies" class="scroll_fixed2"> 
       <py:for each="item in technologies"> 
       <input type="checkbox" name="technologies[]" id="technologies_$item" value="$item"><label for="technologies_$item">$item</label></input><br /> 
       </py:for> 
      </div> 

자바 스크립트/JQuery와 지금까지 :

// Check all previously selected items 
for(item in technology_list){ 
    $('input[id=\'technologies_' + $.escape(technology_list[item]) + 
     '\']').click(); 
} 

Answer 1

var inputs = $('#technologies input:checkbox') // selects them 

inputs.trigger('click') // triggers them 

var values = inputs.map(function() { return this.value }).get() // grabs values into an array 

당신이 선택 것들에 대한 input:checkbox:checked을 사용할 수 있습니다 어떤 도움 다니엘 영역

HTML, 그래도 감사합니다.

해당 요소 내의 모든 입력을 선택하려는 경우.