라디오 입력을 확인하여 별도의 페이지에 div를 표시합니다.

Question

특정 라디오 입력을 확인한 경우 별도의 페이지에 내용을 숨기고 표시하는 데 문제가 있습니다. 현재 사용자가 하나의 라디오 입력을 선택하지 않은 경우 특수 컨텐츠를 숨기려고합니다. 이 작업을 완료 한 후에 페이지로 이동할 수 있도록 배너를 전환하는 해당 페이지에서 작동하는 코드가 있지만 다음 페이지로 이동하면 콘텐츠가 표시되지 않습니다.

다음은 현재 입력하고있는 라디오 입력에 따라 숨기고 표시 할 배너에 대한 현재 스크립트입니다.

if ($('input[name=sexo-field]:checked').length > 0) { 
    $("#pdfFlipButton").show(); 
    $("#pdfFlipButtonOff").hide(); 
} else { 
    $("#pdfFlipButton").hide(); 
    $("#pdfFlipButtonOff").show(); 
} 

하지만 보여 주거나 이러한 매개 변수에 따라 다음 페이지에 사업부를 숨기는에 대해 어떻게 갈 것인가?

이

Answer 1

이 쉽지 않다 당신이 3 개하지 좋은 방법이 있습니다

1. 영향을해야 페이지를 하위 페이지이고 자식 페이지 상위 페이지에서 데이터를 전송합니다. 두 페이지에서

2. 는 아약스 함수를 만들 하나의 방향을 보내고 또 다른 몇 초 만에 서버를 확인해야합니다

   setInterval(function(){ 
       //if radio checked 
   }, 3000); 
   

3. 의견에서 언급 한 바와 같이, 라디오 버튼을 제출하고 두 번째 페이지를 새로 고칩니다.

Answer 2

@adeneo는 양식 요소에 라디오 버튼을 래핑 할 수 있으며 양식을 제출 한 후 양식이 가리키는 다음 페이지에서 값을 캐치 할 수 있습니다. 또는 @Michael Alexander Montero가 말했듯이, 당신은 내가 권하고 싶은 sessionStorage를 사용할 수 있습니다.

Here은 sessionStorage를 사용하는 방법에 대한 문서입니다. 귀하의 경우는 예를 들면 다음과 같습니다

sessionStorage.setItem('radiochecked', true); 

그리고 다음 페이지에서 당신은 다음과 같은 줄을 추가합니다 다음에 값을

if(sessionStorage.getItem('radiochecked') { 
    // display the panel 
}