2012-09-17 6 views
-1

내 jsp에 하나의 buton을 가지고 있고 버튼을 클릭하면 jquery 대화 상자가 여러 개의 체크 박스가있는 팝업으로 표시됩니다. 해당 팝업에는 두 개의 버튼 저장 및 취소 기능이 있습니다.체크 박스 상태를 복원하는 방법

나는

  • 사용자가 지금 JQuery와 팝업 몇 가지 체크 박스를 가지고 볼 수 JSP 페이지에 showpop 버튼을

    1. 사용자가 클릭을 이하의 절차를 checkbox.for 더 나은 understading의 상태를 복원 할
    2. 사용자가 팝업에서 첫 번째와 두 번째 확인란을 선택하고 닫는 팝업 결과를 저장 버튼을 클릭하십시오.
    3. 사용자가 다시 팝업 팝업 버튼을 클릭 한 후 첫 번째 확인란의 선택을 취소하고 팝업 버튼을 닫는 결과를 가져 오는 취소 버튼을 클릭하십시오.
    4. 그리고 지금 사용자가 show popup을 다시 클릭하면 main jsp에서 두 개의 체크 박스가 선택되어 있지만 한 개의 체크 박스가 선택된 것을보고 싶습니다.
    어떤 도움이 많이 주시면 감사하겠습니다

    당신은 같은 페이지에 체크 박스의 인덱스를 저장하는 변수를 사용할 수 있습니다
  • +0

    쿠키에 확인란 상태를 저장합니다. – doktorgradus

    +1

    클라이언트 측 또는 서버에 데이터를 저장 하시겠습니까? 클라이언트 측에서는 https://github.com/carhartl/jquery-cookie와 같은 jQuery 플러그인과 함께 localStorage 또는 쿠키를 사용하는 것이 좋습니다. – iX3

    +0

    답장을 보내 주셔서 감사합니다 .i 고객에게 side.i를 저장하려고합니다. 시도해 보겠습니다. – Gautam

    답변

    3

    : 당신이 저장하거나, 취소를 클릭

    var checkedIndices = []; 
    

    다음과 유사한 코드를 실행할 수 있습니다.

    function SaveBoxes() { 
        checkedIndices = []; 
    
        $("input[type=checkbox]").each(function(index, checkbox) { 
         if ($(checkbox).is(":checked")) 
          checkedIndices.push($(checkbox).index()); 
        }); 
    } 
    
    function CancelBoxes() { 
        $("input[type=checkbox]").removeAttr("checked"); 
    
        for (i = 0; i < checkedIndices.length; i++) 
         $("input[type=checkbox]:eq(" + checkedIndices[i] + ")").attr("checked", "checked"); 
    } 
    
    관련 문제