Jquery 여러 페이지로 구성된 여러 확인란

Question

jsp 페이지에 jquery를 적용했습니다.

내가 이상 thousnd 기록을 가지고, 나는 그 페이지가 온 다음 버튼을 클릭하고 때 페이지에서 모든 페이지,

를 표시해야합니다.

하지만 내 문제는 내가

에있을 때 모든 페이지에 여러 확인란을 선택해야 할 것입니다은 체크 박스의 값은, 하나는 u는 이것에 대한 대답을 개 pls 수 있습니다 보냅니다.

Answer 1

이 작업을 수행하는 유일한 방법은 클릭 이벤트를 모든 체크 박스에 첨부하는 것입니다. 버튼을 클릭하면 서버에 대한 AJAX 요청을 실행하여 해당 확인란의 상태를 업데이트합니다. 그 상태를 데이터베이스 나 세션 등에 저장하십시오. 가정

$(function() { 
    $(":checkbox").click(function() { 
    $.get('/save/checkbox/url', { 
     id: this.id, 
     checked: this.checked 
    }); 
    }); 
}); 

:

그래서 예를 들면

당신이 마지막으로 사용하고자 할 때

<input type="checkbox" id="cb123"> 

그런 다음 그 결과는 거기에서 세부 사항을 얻을.

또한 페이지의 확인란을 채울 때 저장된 상태에 따라 올바르게 선택되는지 여부를 확인하십시오.

Answer 2

하드 새로 고침 대신 페이지를로드하려면 AJAX를 사용하십시오. 이 방법을 사용하면 모든 체크 박스 클릭을 기록하고 배열에 저장할 수 있습니다.이 배열은 페이지가 새로 고쳐지지 않아서 지속됩니다. URL에서 내용을로드하고 ID가 "tableContainer"인 요소에 주입 할

$("#tableContainer").load("/data/page/2"); 

:

jQuery를에서이 작업을 수행하려면, 같은 것을 사용합니다. jQuery를에

라이브 이벤트는 모든 체크 박스에 바인딩 (현재와 미래) 허용 :이 체크되지 않은 있다면 당신은 배열에서 항목을 제거해야 할 것이다 그것은이 완료되지이다

$("#tableContainer input[type='checkbox']").live("click", function() { 
    if($(this).is(':checked')) { 
     checkedItems.add($(this).val()); 
    } 
} 

, 및 수정 서블릿은 변경된 페이지의 일부만 전송합니다. 그러나 당신이 아이디어를 얻길 바랍니다.

jQuery에는 ajax 및 live 이벤트에 대한 좋은 설명서가 있습니다.